提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
基础学习js的起源和应用方式,及基础语法
一、js发展史及使用方式
1.javascript是1995年网景公司雇佣布兰登开发的全新语言,最初是为了实现浏览器客户端交互
由欧洲计算机制造商协会ECMA,规定成网页编程脚本语言的标准
2.一般用于浏览器客户端开发(前端开发),也可以用于服务端开发及桌面应用的开发,通过固定的语法去操作 浏览器 和 标签结构 来实现网页上的各种效果
二、语法基础
1.变量
1定义
变量指的是在程序中保存数据的一个容器
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为了是我们以后再次找到他
变量的本质是内存中一个存储单元
var num
num = 100
var2 =200
2.命名规则
1.是有字母.数字.下滑线.及$美元符号组成的
2.不能以数字开头,不能以汉字命名
3使用驼峰命名法
4.不能是保留字或者关键字
2.数据类型
1.定义:不同容器可以放不同类型的东西,如:抽屉,可以放钥匙,也可以书本,还可以放money
根据容器放的东西的不同,将其分成不同类型,是指我们存储在内存单元中值的类型。
-我们通常分为两大类 基本数据类型 和 复杂数据类型
2.分类
1.数值类型:number所有的数字1 ,2 ,3 0-9 特殊的数字类型NaN not a number非数字值
2.字符串:string :引号引起来' hellworld ' "rose"jack, var userName = 'jack'//创建一个名为userName的字符串类型的变量,值是" jack '
3. 布尔类型:boolean ,true成立(真)false不成立(假) ,var isDelete = false
4.空类型: object : null ,var object = null
5.未定义类型:undefindl : var age
3. 程序判断数据类型
typeof变量 typof(变量)
=>数据类型
4. 数据类型的转换
1.转Number
Number(message) ->100
Number( '100' ) -> 100
Number( 'jack ' ) -> NaN
Number('') ->0
Number(true) => 1
Number(false) => o
Number(null)=> o
Number(undefined) = > NaN
2> parseInt(
paraseInt ( ' 100')-> 10o特点:
1.从左向右转换
2.遇到数值字符串转为数值,遇到非数值结束转换,如果第一个为非数值,结束输出NaN
3,取整
paraseInt ( ' 10a0 ' )->10
parseInt(100.9) -> 100
3>parseFloat(
parseFloat( ' 10.98') ->10.98
2.转字符串
1.变量 toString()
有一些数据类型不能使用tostring()
方法,比如undefined和null.
2.String(变量)
所有数据类型都可以
String(100)=> "100·
String(undefined) => 'undefined'
String(true)= > 'true'
String(null) => 'null'
3.隐式类型转换
+加号
1,连接符
2.算术(加法运算)
javascript中有两层意义
' hello'+ 'world' -> "helloworld'
只有加号任意一边是字符串,表示连接符
10 + '20' ->'1020'
4.转布尔
1. Boolean(变量)
在js 中,只有 "" o nu11 undefined .NaN,这些是false,其余都是true
3.运算符
1. 算术运算
+加 - 减 *乘 / 除 %取余
var c =10 + 20
var a =10*20
var b = 20/10
var d = 25%10
隐式类型转换
除了加法外都转数字
2.比较运算符
>大于 >=大于等于 <小于 <=小于等于 ==等于
8>3
比较运算结果是boolean值
==和===区别
100 == '100'=>true
100 === '100'=> false
两个等号只比较值是否相同
三个等号比较值和数据类型
3.逻辑运算
1.逻辑与 :&&
同为真则为真
true && true -> truetrue && false -> false
2.逻辑或 :||
false || false -> false同为假则为假
true || false -> true
3.逻辑非 :!
非真则假非假则真
!true -> false
!false -> true
var a=10
注意:短运算
false && true -> false
逻辑与运算时,如果左边为false,右边不参与运算
4.自增运算
var // a =10
a++ a=>11
自身值加一
a-- // a=>9
自身值减一
加加或减减可以放到变量前面或后面,如果是单独运算没有区别,都是自身加一或减一a++ , ++a
参与其它运算有区别:var a = 10
var m= ++a先加一再赋值
a= a+ 1,m= a
var a =10
var m =a++先赋值,再加一
m= 10 , a = a + 1
++m+ m++
分析;自增运算参与加法运算区分,
++在前在后的区别
m:0 + m++
0+0 +1
m:1
总结
今天系统的学习了JavaScript的语法基础