三种方式添加JavaScript
内部的JavaScript
<script>
内容
</script>
外部的JavaScript
<script src="script"></script>
内联的JavaScript。(这种方式很少用)
<button οnclick="createParagraph()">
Click me
</button>
JavaScript不区分整数与浮点数,都采用64位双精度的浮点数。
常用内容
alert(“警告”);//弹框
console.log("hello".length);//在页面的console中显示内容,经常使用
console.log("hello".charAt(0));//获取指定位置的字符
console.log("hello,world".replace("hello","good"));
console.log("hello,world".toUpperCase());
//==只判断值是否相等,===需要类型相等
//使用var声明变量,var没有作用域的概念
var str = "DadAuto";
//也可以使用let声明一个变量,let有作用域
let a=1;
//const声明一个常量
const Pi=3.14;
//三元操作符
var allowed = 2>1 ? "yes" : "no";
JavaScript 对象
//两种创建对象的方式
var obj = new Object();
var obj2 = {};
//对象的具体值
obj = {
name : "simon",
age : "20",
email : "simon@gmail.com",
contact : {
phone : "123456",
Telegram : "@simon"
}
}
//获得对象值的方式有两种可以用 . 或者 []
console.log(obj);
console.log(obj.name);
console.log(obj.contact.phone);
console.log(obj["contact"]["phone"]);
//可以再修改对象的值
obj.age = "21";
//可以再给对象增加属性
obj.contact.wechat="abcd";
JavaScript数组
//两种创建数组的方式
var a = new Array();
var b = [];
//给数组指定位置赋值
a[0]="dog";
a[4]="cat";
//数组也可以被添加进对象
//一次给数组添加多个值
b = ["dog","cat","tiger"];
//循环打印数组两种方式
for(let i=0;i<b.length;i++)//这种方式不会忽略其中的空值
for(let i in a)//这种方式会忽略其中的空值
//在数组首部追加元素
b.unshift("lion");
//在数组末尾追加类容
b.push("sheep");
//删除数组的第一个元素
b.shift();
//删除数组的最后一个元素
b.pop();
//倒叙数组
b.reverse();
JavaScript函数
//定义一个方法
let a=1;
function add(x) {
a+=x;
}
//执行一个方法
add(4);
//使用arguments
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);
闭包函数
//实现一个a+b的闭包函数
function makeAdder(a){
return function(b){
return a+b;
}
}
//调用函数
var x=makeAdder(5);//此时的x是函数makeAdder的里层函数
let sum = x(6);//这样就实现了a+b