首页 > 代码库 > JavaScript
JavaScript
JavaScript 简介:
1.JavaScript 被设计用来向 HTML 页面添加交互行为。
2.JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
3.JavaScript 由数行可执行计算机代码组成。
4.JavaScript 通常被直接嵌入 HTML 页面。
5.JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)
JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中执行
浏览器---解释器:
1.html解释器 2.css解释器 3.js解释器
css有三种书写方式:1.head 2.body 3.外部引入
js的书写方式:
1.js的第一种书写方式
不推荐使用head方式,当数据量过大时,会影响用户体验(反应时间过长)
<script> alert(‘dsadsads‘); </script>
2.js的第二种书写方式
<script src="http://www.mamicode.com/a.js"></script>
3.注释方式
单行注释:头部 // 多行注释:头部/* 尾部*/
4.变量
python: name = “alex”
js:(由于 JavaScript 对大小写敏感,变量名也对大小写敏感)
局部变量 var name = "alex";
(1).变量对大小写敏感(y 和 Y 是两个不同的变量)
(2).第一个字符必须是字母、下划线(_)或美元符号($)
(3).余下的字符可以是下划线、美元符号或任何字母或数字字符
全局变量 name = "alex";
5.数据类型:(没有元组,集合)
5.1数字
var num = 10; var num = 10.2; var num = 10.; 显示10.0 var num = .1; 显示0.1
var num = "1234dsadsa"; parseInt(num); 输出1234;调用内置函数(parseInt);必须以数字开头 parseFloat(); 输出浮点数
5.2字符串
var str = "alex is sb"; console.log(str);
5.3数组(只有python叫列表)
var obj = [元素0,元素1,….] obj.length 查看长度 obj.push() 在尾部追加 obj.pop() 取出最后一个元素,然后删除 obj.unshift() 在头部插入 obj.shift() 在头部取出第一个元素,然后删除 obj.slice(m,n) 切片 obj.reverse() 反转 obj.join(obj2) 将数组元素连接起来,变成一个字符串 obj.sort() 对数组元素进行排序
=================================================================
循环: 数组 var arr = [‘zahngsan‘,‘lisi‘,‘taoge‘,‘hailong‘];
python:
for i in arr:
print(i)
js:
两种循环方式,所处理的元素不同 第一种:集合 第二种:字典
第一种循环方式:
var arr = [‘zahngsan‘,‘lisi‘,‘taoge‘,‘hailong‘];
for(var i=0; i<arr.length; i = i+1){
console.log(‘dsadsadsa‘); 打印多个元素,中间用 +
}
第二种循环方式:
var dict = {"name":"lisi","age":‘23‘};
for(var i in arr){
console.log(arr[i]);
}
==================================================================
5.4字典(json)
var dict = {"name":"lisi","age":‘23‘};
5.5 bool
true or false
5.6函数(function)
6.基本的运算符:
算术运算符: + - * / %取余 ++ ——
++: var num = 1;
python 中 num++ 《===》 num = num + 1 《===》 num += 1
除python,其它语言含有左++,右++
var total = num ++ ===》 total = num;num = num + 1
var total = ++ num ===》 num = num + 1;total = num
比较运算符: > >= < <=
全等 和 相等 != == === !==
===(全等(数据类型)): num1 = 100;num2 = "100" if num1 === num2 console.log("随便") 报错,因为num1与num2类型不同
!== (全不相等)
python中无 === 与 !==
逻辑运算符:&& || !
赋值运算符:= += -= *= /=
字符串运算符: + 连接,两边操作数有一个或两个是字符串就做连接运算
7.流程控制:
1.顺序结构
console.log("吃饭");
console.log("睡觉");
console.log("打豆豆");
2.分支结构
2.1 单分支结构
if(表达式){
}
2.2 双分支
if(){
}eles{
}
2.3 多路分支
if(){
}else if(){
}else if(){
}else{
}
2.4 switch...case
python中没有,与if...else...相似,但要添加break,否则按照顺序执行
swicth(){
case :
consoel.log();
break;
}
3.循环结构 先干一次 再说
do...while
var n = 0;
do{
console.log(‘dsdsadsa‘);
n = n + 1
}while(n<3);
4.函数
python :
def test():
console.log("fuck hailong");
js的函数有三种书写方式:
1.function test(){
console.log();
}
2.var test = function(){
console.log(‘dsadsaj‘);
}
test();
3.(function(){
consoel.log(‘dsadsa‘);
})()
JavaScript