ECMAScriptJavaScript语法

JavaScript语法

一、JavaScript的组成

完整的JavaScript是由ECMAScript(语法)、Browser
Objects(DOM、BOM)(特性)组成的。

JavaScript的组成.jpg

老二、javaScript的语法规则

1.注释:

单行://
多行:/**/
告句结束使用分号,如果简单,则由于解析器确定语句的终极

横流:ECMAScript中之凡事(变量、函数和操作符)都分轻重缓急写

2.标识符

变量、函数、属性之名或者函数的参数就标识符

取名规则:
(1)由字母、数字、下划线(_)或美元符号($)组成
(2)不能够以数字开
(3)不可知采取要字、保留字等作为标识符。

3.变量
ECMAScript的变量是麻木不仁型
麻痹大意型:可以用来保存任何项目的数
转换句话说,每个变量仅仅是一个用以保存值的占位符而已。
1.变量声明:
变量的声明如采取var操作符,
语法:var 变量名

2.变量赋值:
声明的还要赋值:var 变量誉为=值
先期声明后赋值: 变量名为=值

相同不行声明多独变量,用逗号隔开,如:var id,sex,age,name=“marry”;
简言之var声明的变量是全局变量
切莫推荐省略var操作符来定义全局变量

<script>
    //声明保存用户名的变量
    var name;
    name="marry";
    //声明保存年龄的变量
    var age = 18;
    //声明保存邮箱的变量
    var email="marry@sina.com.cn";
    //一次声明多个变量
    var name_1="tom",age1=19,email1="tom@sohu.com",address;
</script>

4.JavaScript数据类型

ECMAScript中产生5种简单数据类型(也称基本数据列):
Undefined、Null、Boolean、Number和String。
还起1种复杂数据列:Object。

JavaScript数据类型.jpg

typeof.jpg

<script>
    //声明保存用户名的变量
    var name;
    name="marry";
    //声明保存年龄的变量
    var age = 18;
    //声明保存邮箱的变量
    var email="marry@sina.com.cn";
    //一次声明多个变量
    var name_1="tom",age1=19,email1="tom@sohu.com",address;
    console.log(name)
    console.log(age)
    console.log(typeof name) //string
    console.log(typeof(age)) //number
</script>

(1)undefined
undefined类型只来一个价,即特殊的undefined。

证明:一般而言,不在用显式地拿一个变量设置为undefined值的状态。

(2)null
1、null值表示一个缺损对象指针
2、如果定义之变量准备于明天用于保存对象,那么极端好将反量初始化为null而非是其它价值。

说明:undefined值是派生自null值的,所以undefined==null
回来结果是true。

(3)Number
Number:表示整数和浮点数
NaN:即非数值(Not a Number)是一个奇异的数值

说明:
1、任何涉及NaN的操作(例如NaN/10)都见面回去NaN。
2、NaN与外价值都无齐,包括NaN本身。

var age = 18;
console.log(age-3); //15
console.log(age-"abc") //NaN
console.log(typeof(age-"abc"));//number

isNaN():
语法:isNaN(n)
功能:检测n是否是“非数值”
返回值:boolean
参数:参数n可以是其他项目
证:isNaN()在接到到一个价值之后,会尝试用以此价转换为数值。
少数不是数值的值会直接换为数值。

var age = 18;
var email="marry@sina.com.cn";
var id = "16";
console.log(isNaN(age));//false
console.log(isNaN(email));//true
console.log(isNaN(id));//false

(4)String
String类型用于表示是因为零还是多单16各类Unicode字符组成的字符序列,即字符串。字符串可以由双引号(”)或单引号(’)表示。

toString()与String():
语法:str.toString()
意义:将str转换为字符串
返回值:str的一个副本
参数:str是若转换的情节,可以是数值、布尔值、对象及字符串。

证实:
在非懂得如果换的价值是免是null或undefined的状态下,还可以行使String()函数,它会以其余项目的价转换为字符串。

var ids = 78965;
var idstr = ids.toString();
console.log(typeof idstr) //string 78965
console.log(String(ids)); //78965

var m;
console.log(String(m));//不清楚m为什么类型,尽量使用String();

(5)Boolean
用于表示真假的品种,即true表示确,false表示假

类型转换:
1、除0之外的有所数字,转换为布尔型都也true
2、除””之外的兼具字符,转换为布尔型都为true
3、null和undefined转换为布尔型为false

var isStudent=true;
var isChild=false;
console.log(typeof isStudent);//boolean

console.log(isChild.toString());//false 此时的false是一个字符串

var x=1;
console.log(Boolean(x));//true
var y=12343
console.log(Boolean(y));//true
var z=0;
console.log(Boolean(z));//false

var strings="welcome";
console.log(Boolean(strings));//true

var strings1="";
console.log(Boolean(strings1));//false

var strings2=" ";
console.log(Boolean(strings2));//true

var h;
console.log(Boolean(h));//false

var timer=null
console.log(Boolean(timer));//false

5.数值转换
产生3独函数可以拿非数值转换为数值:Number()、parseInt()和
parseFloat()。
里Number()可以用来其它数据类型,而parseInt()和parseFloat()则专程用来把字符串转换成为数值。

(1)parseInt():会忽视字符串前面的空格,直至找到第一独非空格字符。

说明:
1、parseInt():转换空字符串返回NaN。
2、parseInt()这个函数提供次个参数:转换时利用的基数(即多少进制)

var id = "16";
console.log(typeof id);//string
id=Number(id);
console.log(typeof id);//number

var name="tom"
name = Number(name);
console.log(name);//NaN

// var topVal="28px";
var topVal=parseInt("28px");
console.log(topVal);//28

var c="abc58"; //非数字开头
console.log(parseInt(c));//NaN  parseInt转换的必须以数字开头

console.log(parseInt("0xf"));//15  把0xf转化为16进制

(2)parseFloat:从第一个字符开始解析每个字符,直至遇见一个空头的浮点数字符为止

说明:
除却第一单稍数点有效外,parseFloat()与parseInt()的亚独区分在于它们一直犹见面忽视前导的碎片。

var a = parseFloat("12.34px");
console.log(a);//12.34

var b = parseInt("12.34px");
console.log(b) //12

var c = parseFloat("12.34.56px");
console.log(c);//12.34 第二个小数点会忽略

var e = parseInt("0123");
console.log(e);//123

var f = parseFloat("0123");
console.log(f);//123

var g = parseFloat("0.123abc");
console.log(g);//0.123

三、JavaScript操作符

1.表达式

拿与色的数据(如常量、变量、函数等),用运算符号按自然的平整连接起来的、有含义之相称为表达式。

2.JavaScript操作符分类

1、算数操作符

+ :加
- :减
* :乘
/ :除
%:取余

递增和递减
(1)递增
++a及a++都是对a进行递增的操作
区别:
++a先回来递增之后的a的价
a++先返回a的原值,再回去递增之后的价值
(2)递减同理

var num1=10,num2="abc";
console.log(num1*num2); //NaN

var num1=10,num2="5";
console.log(num1*num2); //50 隐式类型转换


var a=10,b=5,
    c=++a+b;
console.log(a);//11
console.log(c);//16

var a=10,b=5,
    c=a++-b;
console.log(a);//11
console.log(c);//5

x1=20,
x2=30,
x3=--x1+x2--;
console.log(x1);//19
console.log(x2);//29
console.log(x3);//49

2、逻辑操作符
逻辑操作符:
①&&:与
&& 与 (只要有一个尺度不起,返回false)

证实:在来一个操作数不是布尔值的景象,逻辑和操作就未自然返回值,
这会儿她仍下列规则:
1、如果第一个操作数隐式类型转换后呢true,则回第二只操作数
2、如果第一个操作数隐式类型转换后为false,则回第一只操作数
3、如果生一个操作数是null,则赶回null
4、如果来一个操作数是NaN,则回NaN
5、如果发一个操作数是undefined,则返回undefined

var num1=10,
    num2=20,
    num3=30,
    str="welcome",
    bool=true,
    n=null,
    m;
console.log(num1<num2 && num2<num3);//true
console.log(num1<num2 && num2==num3);//false
console.log(num1<num2 && num3>num1 && false);//false

console.log(str && num3);//30
console.log(80 && 50);//50
console.log("hello" && 65 && "abc");//abc 多个时返回最后一个操作数的值

console.log(0 && 88);//0
console.log("" && 0 && 30>20);//空

console.log(n && num3);//null  操作数中只要有一个是null 结果就是null
console.log(33*"abc" && 55);//NaN
console.log(m && true); //undefined

②||:或
|| 或 (只要来一个法建立,返回true)

证明:在产生一个操作数不是布尔值的情,逻辑与操作就不肯定返回
价值,此时她本下列规则:
1、如果第一单操作数隐式类型转换后为true,则回第一独操作数
2、如果第一单操作数隐式类型转换后为false,则赶回第二只操作数
3、如果个别个操作数是null,则赶回null
4、如果少独操作数是NaN,则赶回NaN
5、如果少单操作数是undefined,则返回undefined

console.log(55>88 || 33<66);//true
console.log(55!="55" || 88==="88");//false
console.log("hello" || 0);//hello
console.log(99 || 0 || "abc");//99
console.log("" || 88 || true);//88
console.log("" || 0 || "abc");//abc
console.log("" || 0 || null);//null
console.log("" || 0 || null || "hello");//hello
var m;
console.log(m || NaN);//NaN
console.log(m || NaN || 99);//99
console.log("" || m);//undefined
console.log(30*"abc" || 55-"def");//NaN

③!:非
! 非

说明:
1、无论操作数是什么数据类型,逻辑非都见面回到一个布尔值
2、 ! ! 同时采用有限独逻辑非操作符时:
先是个逻辑非操作会基于无论什么操作数返回一个布尔值,
其次独逻辑非则指向拖欠布尔值求反。

console.log(!false);//true
console.log(!88);//false
console.log(!0);//true
console.log(!"red");//false
console.log(!NaN);//true
console.log(!null);//true

console.log(!!"");//false
console.log(!!"blue");//true

3、赋值操作符
简简单单赋值:=
复合赋值:+=、-=、*=、/=、%=

var a=10;
var b=20;
a+=5;
b%=4;
console.log(a);//15
console.log(b);//0

var str="hello ";
str+="world"//连接符 str=str+"world";
console.log(str); //hello world

4、比较操作符

>、<、>=、<=、==、===、!=、!==
==:相等,只比较值是否相等
===:相等,比较值的同时比较数据类型是否相等
!=:不相等,比较值是否不相等
!==:不相等,比较值的同时比较数据类型是否不相等
返回值:boolean型

例:

var x=10,
    y="10",
    c=x==y;//值是否相等
console.log(c);//true

z=x===y;//全等
console.log(z);//false

var m=15,
    n=y!=m;
console.log(n);//true
k=x!=y;
console.log(k);//false
j=x!==y;
console.log(j);//true

console.log(null==undefined);//true
console.log(null===undefined);//false

5、三元操作符
语法:
极 ? 执行代码1:执行代码2

征:可替简单的if语句,如果基准建立,执行代码1,否则执行代码2

var score=85;
var result=(score>=60)?"及格":"不及格";
console.log(result);//及格