javaScript
你是否真了解过JavaScript语言呢,JavaScript是一门脚本语言,可以让静态的页面“动起来”,让人们可以跟网页互动起来。JavaScript简称JS。
JavaScript简介
JavaScript看起来跟Java语言有关系,其实这两者并没有关联。这两者就像是:雷锋与雷峰塔。毫无关系可言。但这两种语言却有相似之处。
JavaScript语言类型
JS是一种脚本,弱类型的语言,它与Java强类型语言不同,在声明变量时,数据类型确定了,不能改变,而JS却能随意改变。
<script>//写JS代码的样式,默认type="text/javascript"
var i = 10;
i = 'abc';
console.log(i);
</script>
JS的随意性,不严谨。会让很多程序员‘不小心‘的犯错。在写JS代码时我们使用ECMAScript 6,加强编码规范
<script type="text/javascript">
'use strict'
var i = 10; //这里会提示警告使用局部变量 let来申明变量
i = 'abc';
console.log(i);//表示在控制台输出
</script>
JavaScript的数据类型
字符串类型,
在JS中字符串可以用单引号或者双引号表示。
i = 'abc';
let j = 'bcd';
console.log(j);
console.log(i);
JS的多行字符串编写:使用着重号表示
let j = `
hello
hi
gz
`;
console.log(j);
字符串类型的不可变性;
数组类型
Array可以包含任意的数据类型,数组用中括号表示。用索引取数组中的数据
数组重要方法:
.slice():截取Array的一部分,返回一个新的数组,类似于String中的subString方法
arr1.slice(2)
Array [ 3, "abcd" ] //截取的结果,从第二个开始截取
对象类型
若干个键值对,定义对象使用大括号,JS中所有的键都是字符串,值时任意对象
var 对象名 = {
属性名:属性值,
属性名:属性值,
属性名:属性值
}
//定义一个person对象
let person = {
name:'Curry',
age:31,
score:100
};
console.log(person)
//Object { name: "Curry", age: 31, score: 100 }
对象的赋值,在使用一个不存在的对象属性,不会报错,会提示undefined
person.name ='ZZ'
console.log(person)
//Object { name: "ZZ", age: 31, score: 100 }
可以给对象动态的添加属性:
person.haha = 'haha'
console.log(person)
//Object { name: "ZZ", age: 31, score: 100, haha: "haha" }
判断属性值是否在这个对象中
'age' in person
//返回true
判断一个属性是否是这个对象自身拥有
person.hasOwnProperty('age')
//返回true
控制流程
1.for(var i in arr) >> arr表示数组,i表示索引
2.for(var i of arr)>> arr表示数组,i表示数组中的值
Map和Set
ES6i新特新
Map:
let map = new map([['tom',100],['jack',100]]);
let name = map.get('tom');//通过key找value值
Set:无序不可重复的集合
set.add(2);//添加
set.delete(1)//删除
console.log(set.has(3));//是否包含3