js基础

2018-06-24 00:36:04来源：未知阅读 ()

　　js的由来这里就不细说了，简单对js的基础部分进行知识点的梳理。

　　特别注意的是，js在书写的过程中一定不要忘记分号结尾。

　　js的引入方式有两种：

{#1 直接编写：内嵌式#}
    <script>
        alert('hello yuan')
    </script>

{#2 导入文件：外链式#}
    <script src="hello.js"></script>

　　html页面中出现<script>标签后，就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式，页面的下载和渲染都必须停下来等待脚本的执行完成才能继续，这在页面的生命周期中是必须的。

　　js的网页输出效果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        alert("14期威武");
        confirm("14期霸气");
        console.log("14期大气");
        prompt("请输入您的银行卡号");
        document.write("14期<br><strong>老霸气了</strong>");
    </script>
</head>
<body>
</body>
</html>

页面效果

网页输出消息	网页效果
alert("")	在网页中弹出提示框，显示信息
confirm("")	在网页中弹出提示框，显示信息，该方法一般与if判断语句结合使用
prompt(" ")	在网页中弹出输入框，一般用来接收用户输入信息
console.log("")	在控制台输出消息，一般用来调试程序
document.write	直接在页面中输出信息

变量

　　js是弱类型的语言，这就导致了js貌似非常的随意，连字符串+整型数字这种操作都可以完成。js同样不需要声明变量类型，所以js也是动态语言。

　　定义局部变量：

var x;
x=12;
var name="yuan",age=23,sex="male";/*一行声明多个变量*/
var myFirstValue="123";
var MyFirstValue="123";
var iMyFirstValue="123";

　　定义全局变量：

　　声明变量时，如果不用var 那么它是全局变量.

　　js的变量名定义与py基本一致，区分大小写。

Camel 标记法
首字母是小写的，接下来的字母都以大写字符开头。例如：
var myTestValue = 0, mySecondValue = "hi";
Pascal 标记法
首字母是大写的，接下来的字母都以大写字符开头。例如：
Var MyTestValue = 0, MySecondValue = "hi";
匈牙利类型标记法
在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列），说明该变量的类型。例如，i 表示整数，s 表示字符串，如下所示“
Var iMyTestValue = 0, sMySecondValue = "hi";

变量命名的三种格式

　　js的关键字

数据类型

　　数字类型

　　整数：
　　在JavaScript中10进制的整数由数字的序列组成
精确表达的范围是?-9007199254740992 (-253) 到 9007199254740992 (253)
超出范围的整数，精确度将受影响
　浮点数：
使用小数点记录数据
例如：3.4，5.6
使用指数记录数据
例如：4.3e23 = 4.3 x 1023

　16进制和8进制数的表达
16进制数据前面加上0x，八进制前面加0
16进制数是由0-9,A-F等16个字符组成
8进制数由0-7等8个数字组成
16进制和8进制与2进制的换算

　　字符串类型

　　用双引号或者单引号引起的都是字符串。

　　布尔型

　　Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0布尔值也可以看作on/off、yes/no、1/0对应true/false，Boolean值主要用于JavaScript的控制语句。

　　Null与Undefined

　　Undefined 类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。当函数无明确返回值时，返回的也是值 "undefined";

　　null只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。尽管这两个值相等，但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。　　

　　数据类型转换

　　数字 + 字符串：数字转换为字符串

　　数字 + 布尔值：true转换为1，false转换为0

　　字符串 + 布尔值：布尔值转换为字符串true或false

　　强制类型转换函数

　　函数parseInt：强制转换成整数例如parseInt("6.12")=6 ; parseInt(“12a")=12 ; parseInt(“a12")=NaN ;parseInt(“1a2")=1。函数parseFloat：强制转换成浮点数 parseFloat("6.12")=6.12。函数eval：将字符串强制转换为表达式并返回结果 eval("1+1")=2 ; eval("1<2")=true。

　　ECMAScript 提供了 typeof 运算符来判断一个值是否在某种类型的范围内。可以用这种运算符判断一个值是否表示一种原始类型：如果它是原始类型，还可以判断它表示哪种原始类型。

typeof("test"+3)      "string"
typeof(null)          "object "
typeof(true+1)        "number"
typeof(true-false)    "number"

typeof

　　运算符

　　算数运算符：加(＋或字符串连接)、减(－或负数)、乘(*) 、除(/) 、余数(% ) 。加、减、乘、除、余数和数学中的运算方法一样例如：9/2=4.5，4*5=20，9%2=1。

　　递增递减：i++：先引用再赋值 ++i：先赋值再引用。

var i=1;
console.log(i++);
console.log(++i);
console.log(i--);
console.log(--i);

递增递减

var a=1;
var b=1;
a=-a;  //a=-1
var c="10";
alert(typeof (c));
c=+c;    //类型转换
alert(typeof (c));
//    -------------------
    var d="yuan";
    d=+d;
    alert(d);//NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据
    alert(typeof(d));//Number

    //NaN特点:
    var n=NaN;
    alert(n>3);
    alert(n<3);
    alert(n==3);
    alert(n==NaN);
    alert(n!=NaN);//NaN参与的所有的运算都是false,除了!=

一元加减法

　　运算逻辑符

　　等于 ( == ) 、不等于( != ) 、大于( > ) 、小于( < ) ?大于等于(>=) 、小于等于(<=)，与 (&&) 、或(||) 、非(!)。

　　逻辑 AND 运算的运算数可以是任何类型的，不止是 Boolean 值。如果某个运算数不是原始的 Boolean 型值，逻辑 AND 运算并不一定返回 Boolean 值：

　　如果某个运算数是 null，返回 null。如果某个运算数是 NaN，返回 NaN。如果某个运算数是 undefined，返回undefined。同理or与其基本一致。

赋值 = 
JavaScript中=代表赋值，两个等号==表示判断是否相等
例如，x=1表示给x赋值为1
if (x==1){...}程序表示当x与1相等时
if(x==“on”){…}程序表示当x与“on”相等时
 配合其他运算符形成的简化表达式
例如i+=1相当于i=i+1，x&=y相当于x=x&y

赋值运算符

　　比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型。

　　比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较。

　　等性运算符

　　执行类型转换的规则如下：

　　如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。

　　如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。

　　如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。

　　如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。

　　在比较时，该运算符还遵守下列规则：

　　值 null 和 undefined 相等。

　　在检查相等性时，不能把 null 和 undefined 转换成其他值。

　　如果某个运算数是 NaN，等号将返回 false，非等号将返回 true。

　　如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。

　　关系运算符的注意点：

var bResult = "Blue" < "alpha";ture

　　在上面的例子中，字符串 "Blue" 小于 "alpha"，因为字母 B 的字符代码是 66，字母 a 的字符代码是 97。

　　另一种棘手的状况发生在比较两个字符串形式的数字时，比如：

var bResult = "25" < "3";true

　　这段代码比较的是字符串 "25" 和 "3"。两个运算数都是字符串，所以比较的是它们的字符代码（"2" 的字符代码是 50，"3" 的字符代码是 51）。

var bResult = "25" < 3;false

　　字符串 "25" 将被转换成数字 25，然后与数字 3 进行比较，结果不出所料。

　　总结：

　　比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型。

　　比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较。

控制语句

　　if控制语句

if-else基本格式
if (表达式){
语句１;
......
}else{
语句２;
.....
}
功能说明
如果表达式的值为true则执行语句1,
否则执行语句2

var x= (new Date()).getDay();
//获取今天的星期值，0为星期天
var y;

if ( (x==6) || (x==0) ) {
y="周末";
}else{
y="工作日";
}

alert(y);

//等价于

y="工作日";
if ( (x==6) || (x==0) ) {
y="周末";
}

测试今天是周几小程序

　　if可以单独使用：

if语句嵌套格式
if (表达式1) {
    语句1;
}else if (表达式2){
    语句2;
}else if (表达式3){
    语句3;
} else{
    语句4;
}

if (x==1){
    y="星期一";
}else if (x==2){
    y="星期二";
...
}else if (x==6){
    y="星期六";
}else if (x==0){
    y="星期日";
}else{
    y="未定义";

测试今天是周几2

　　switch选择控制

switch基本格式
switch (表达式) {
    case 值1:语句1;break;
    case 值2:语句2;break;
    case 值3:语句3;break;
    default:语句4;
}

switch(x){
case 1:y="星期一";    break;
case 2:y="星期二";    break;
case 3:y="星期三";    break;
case 4:y="星期四";    break;
case 5:y="星期五";    break;
case 6:y="星期六";    break;
case 7:y="星期日";    break;
default:y="未定义";
}

测试今天是周几3

首先要看一个问题，if 语句适用范围比较广，只要是 boolean 表达式都可以用 if 判断；而 switch 只能对基本类型进行数值比较。两者的可比性就仅限在两个基本类型比较的范围内。
说到基本类型的数值比较，那当然要有两个数。然后重点来了——
if 语句每一句都是独立的，看下面的语句：
if (a == 1) ...
else if (a == 2) ...
这样 a 要被读入寄存器两次，1 和 2 分别被读入寄存器一次。于是你是否发现其实 a 读两次是有点多余的，在你全部比较完之前只需要一次读入寄存器就行了，其余都是额外开销。但是 if 语句必须每次都把里面的两个数从内存拿出来读到寄存器，它不知道你其实比较的是同一个 a。
于是 switch case 就出来了，把上面的改成 switch case 版本：
switch (a) {
        case 0:
                break;
        case 1:
}             
总结:
1.switch用来根据一个整型值进行多路分支，并且编译器可以对多路分支进行优化
2.switch-case只将表达式计算一次,然后将表达式的值与每个case的值比较,进而选
  择执行哪一个case的语句块
3.if..else 的判断条件范围较广，每条语句基本上独立的，每次判断时都要条件加载
  一次。
所以在多路分支时用switch比if..else if .. else结构要效率高。

switch更高效

　　for循环控制语句

for循环基本格式
for (初始化;条件;增量){
    语句1;
    ...
}
功能说明
实现条件循环，当条件成立时，执行语句1，否则跳出循环体

1+2+3+...+100
var sum=0;
for (var i= 1;i<=100;i++){
    sum+=i;
}
alert(sum)

1加到100

s=[12,"yuan",true,3.14];
for(var i in s){
    console.log(s[i]);
}
//这种方法和python有些相似

for循环的另类用法（知道就好）

    doms=document.getElementsByTagName("p");

    for (var i in doms){
       console.log(i); // 0 1 2 length item namedItem
       //console.log(doms[i])
    }

//循环的是你获取的th一个DOM元素集，for in用来循环对象的所有属性，dom元素集包含了你上面输出的属性。
//如果你只要循环dom对象的话，可以用for循环:

    for (var i=0;i<doms.length;i++){
        console.log(i) ; // 0 1 2
        //console.log(doms[i])
    }

第二种方法不推荐的原因

　　while循环

while循环基本格式
while (条件){
语句1；
...
}
功能说明
运行功能和for类似，当条件成立循环执行语句花括号{}内的语句，否则跳出循环

var i=0;
while (i<10){
    document.write("<h1>"+i+"</h1>");
    i++;
}

示例

　　js异常处理

try {
    //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行
}
catch (e) {
    // 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。
    //e是一个局部变量，用来指向Error对象或者其他抛出的对象
}
finally {
     //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。
}

try {
    console.log("hello");
    console.log(x);
}
catch(e){
     console.log(e);
}
finally{
    console.log("finally");
}

异常处理

　　主动抛异常使用throw Error('xxxx')。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：es6 语法（set 和 map）

下一篇：Validform验证时可以为空，否则按照指定格式验证

IDC资讯：主机资讯注册资讯托管资讯 vps资讯网站建设

网站运营：建站经验策划盈利搜索优化网站推广免费资源

网站联盟：联盟新闻联盟介绍联盟点评网赚技巧

行业资讯：搜索引擎网络游戏电子商务广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护

软件技巧：其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识：网络协议网络安全网络管理组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条

最新资讯

热门关注

热门标签