JavaScript

Posted 2020-09-01 一只小蚊子

 

 

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="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‘);
　　　　　　　　})()