JavaScript学习笔记

学学学学学：JavaScript 速成

JavaScript：一种编程语言，它可以在网页上实现复杂的功能，交互等；解释型语言；运行在客户端；面向对象语言

三种方式添加JavaScript：

• 内部的 JavaScript：<script> // Your JavaScript </script>
• 外部的 JavaScript<script src="script.js"></script>
• 內联 JavaScript(不推荐）<button onclick=“createParagraph()”>Click me</button>

如何在HTML里面直接添加JavaScript:
1.可以在body后面放：

<script>
	alert();
	//给你一个提示框
</script>

2.放到外部文件里：

<script src=""></script>

然后我们可以建一个.js类型的文件，在这儿里面：

alert();
console.log("hello".length);
console.log("hello".charAt(0);
console.log("hello, world".replace("hello","goodbye"));
console.log("hello, world".toUpperCase());//大写

如何新建一个变量呢？

var name="zhangsan";
console.log(name);
let a = 1;

var具有全局作用域，let只有局部作用域
可以使用const来声明常量

x = "3"+4+5;//会转换为字符串来进行,输出为345
x = 3 + 4 +"5";//会先算3+4，输出为75

看一下 == 和 === 的区别

console.log(123 =="123");// "123""123" true,==会进行类型转换
console.log(123 ==="123");//false
//1==true成立，1===true不成立

可以在js中写if(){}else{}语句，也可以写while循环语句，do-while循环语句，for循环语句，使用条件运算，使用switch-case语句。

接下来看如何新建一个对象

var obj = new Object();
var obj2 = new {};

obj{
	name: "zhangsan",
	age:'20',
	email:"zhangsan@gmail.com",
	contact:{
		phone:"1234567",
		Telegram:"@zhangsan",
	}
}
obj.age = '21';
obj.contact.Wechat = ...;
console.log(obj);
//console.log(obj.contact.phone);
//console.log(obj["contact"]["phone"]);

接下来讲一下数组：

var a = new Array();
var b = new [];

a[0] = "Dod";
console.log(a);

b =["dog","cat","tiger"];
b.push("sheep");//追加项目
b.pop();//删除最后一个
b.shift();//删除第一个项
b.unshift("lion");//添加在第一个前
b.reverse();//倒叙
for(let i in a){
	console.log(a[i]]);
}//用for-in不会出现undefined

更多数组用法请看Array

我们可以用function来新建一个函数，如：

function add(){
	let sum = 0;
	for(let i=0,j=arguments,length;i<j; i++){
		sum += arguments[i];
	}
	return sum;
}
let sum=add(1，2，3，4，5，6，7，8，9，10);
console.log(sum);

JavaScript中的函数默认情况下会创建一个名为arguments 的数组，该数组包含了函数调用时传入的所有参数。这这意味着无论函数的参数列表中定义了多少个参数，arguments 数组都会根据传入的参数数量自动展开。

最后一个内容：闭包

function makeAdder(a){
	return function(b){
		return a + b;
	}
}

var x = makeAdder(5);//此时x是一个方法
var sum = x(6);
console.log(sum);