JavaScript的几个重要概念
1.标识符
在JavaScript中所有能由我们自主命名的都称为标识符;
例如:
变量名
函数名
属性名
参数名
类名 等
2.标识符命名规则
命名一个合法的标识符必须遵守的规则:
1.标识符中可以包含字母,数字,下划线(_),美元符($);
2.标识符不能以数字开头;
3.标识符不能与JavaScript的关键字,保留字重名;
3.关键字和保留字
关键字(keyword)就是JavaScript语言内部使用得一组名字(或称为命令),这些名字具有特定的用途,用户不能自定义同名的标识符。
保留字是现在虽然在JavaScript语言中还没有任何规定,但它们可能在将来被作为关键字使用
关键保留字:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yiHqDeKU-1668493956205)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115104902313.png)]
4.JavaScript注释
JavaScript注释是方便开发者在开发时做一些解释标记,在执行时注释会被忽略。
JavaScript注释分为单行注释和多行注释
1.单行注释
<script>
//单行注释
</script>
2.多行注释
<script>
/*
多
行
注
释
*/
</script>
注释快捷键:ctrl+/
5.JavaScript字面量
数字字面量(Number):可以是整数,小数或者科学计数(e)
整数:1
小数:3.14
科学计数:123e5
字符串字面量(String):可以使用单引号或双引号
'我是一个字符串'
"我是一个字符串"
数组(Array):定义一个数组类型的数据
[2,4,6,8,10]
对象(Object):定义一个对象类型的数据
{
name:"对象",
typeof:"Object"
}
函数(Function):定义一个函数
<script>
function fn(a,b){
console.log(a*b);
};
fn(2,3)
</script>
表达式字面量:用于计算
var n=2*3 //计算完给结果赋值给n
6.JavaScript声明变量
变量是存储数据的容器
变量命名规则
1.只能使用 字母 数字 下划线 $组成
2.不能以数字开头
3.不能使用关键字 保留字命名
JavaScript使用关键字 var 来定义变量 ,使用= 为变量赋值
1.声明并赋值
<script>
//var 变量名=值
var name=JavaScript
//声明一个变量name赋值为JavaScript
</script>
2.先申明在赋值
<script>
var age//声明未赋值
console.log(age) //undefined
age=5 //给age赋值
console.log(age) //5
</script>
3.同时声明赋值多个变量:使用var变量赋值后用,隔开 最后一个变量赋值完用 ;结束
<body>
<div id="demo"></div>
<script>
var age=5,
name='小白',
hobby='写代码'
document.getElementById('demo').innerHTML='我是'+name+'我的年龄是'+age+'岁,我的爱好是'+hobby
</script>
</body>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nY1p7ktI-1668493956207)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115131543508.png)]
变量的使用
<body>
<div id="demo"></div>
<script>
var age=5
document.getElementById('demo').innerHTML='我的年龄是'+age+'岁'
</script>
</body>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ujzp42Zo-1668493956208)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115130910193.png)]
一条语句不能同时声明多个变量并且赋相同的值
var x,y,z=1;
x,y 为 undefined, z 为 1。
Value = undefined
声明未赋值的情况下使用声明的变量,那么声明的变量值就为undefined
7.变量的拼接
1.完整的输出先写下来,需要替换的地方用**站位
2.删除要替换的
3.写一对引号 和外面的引号一致 ‘’
4.在引号之间写两加号’++’
5.在加号间写要替换的变量 名’+变量名+’
例子:var name='小白',
age=12,
sex='男';
console.log('我是xxx,我今年xxx,性别xxx,我来学习前端。')
console.log('我是'+name+',我今年'+age+'岁,性别'+sex+',我来学习前端。')
8.JavaScript声明数组(Array)
Array对象用于在变量中存储多个值
var Arr=['BOM','DOM','ECMAScript']
第一个数组元素的索引值为 0,第二个索引值为 1,以此类推。
console.log(Arr[0]) //BOM
console.log(Arr[1]) //DOM
console.log(Arr[2]) //ECMAScript
9.JavaScript声明对象(Object)
JavaScript 对象就是一个 name:value 集合。
var 对象名={
属性名:'属性值',
...
}
var car={
name:'宝马',
price:200000,
color:'while'
}
获取值:对象名.属性名
console.log(car.name);//宝马
console.log(car.price);//200000
console.log(car.color);//while
10.JavaScript声明函数(Function)
函数是由事件驱动 或者当函数被调用时执行的可重复的代码块
JavaScript函数语法
声明函数使用关键字function 执行代码块写在{ }内
function 函数名(){
//执行代码块
}
在函数被调用时会执行函数里的代码块
函数调用
函数可以在某个事件发生时调用函数
<button onclick='myFunction()'>点击我执行函数</button>
<script>
function myfunction(){
alert('函数执行了')
}
</script>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4TrERt9Z-1668493956208)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115142458994.png)]
也可以借助JavaScript在任何位置直接调用
<script>
myfunction() //函数调用
</script>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XxNxlAMG-1668493956209)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115142556315.png)]