dom(document obiect model)文档对象模型
dom(document obiect model)浏览器对象模型
ECMAScript Ecme 标准
var box = domdocument.getElementById("box")
consike.log(box)
var a = "1111s";
js数据类型
es6: Symbol (符号)
面试题 基本数据类型: String Number Boolean Null undefined
面试题 引用数据类型: object gunction
检测基本数据类型: typeof
检测引用数据类型: instanceof null不是object
栈 堆 队列
javascript
var a = 111;
var b = 222;
var c = 333;
Object: {} [] function
var obj = {
name: "张三",
age: 18
}
console.log(obj.name)
var a = "张三";
var b = a;
a = "李四";
console.log(a);
console.log(b);
for(var i=0;i<3;i++){
setTimeout(function(){
console.log(i)
},100)
}
var a = "111";
var a ,c,b;
a = 1;
b = 2;
c = 3; // 强制转换 String(); Boolean(); Number ();
String(a)
Boolean(a);
Number (a);
var a = "1"+1;
console.log(typeof a)
var c = "aa"+"cc";
var a = 123; 任何数跟 "" 拼接都会变成字符串
var a = [1,2,3];
a = a + "";
console.log(a)
= 赋值 ==值比较 ===全等 恒等(数据类型一致还要值相等)
算数运算符 逻辑运算符 位运算符
【重点】 算数运算符: + - * / % > <; 逻辑运算符 : && || !;
位运算: >> 右移 <<左移 …
var a = 1 ;
console.log(5>4&&4<3);
2023?
4年一闰 百年不闰 400年在闰
var year = 2023;
if((year%4==0 && year%100!=0) || year%400==0 ){
alert("闰年")
}else{
alert("不是闰年")
}
a = a+1;
a+=1;
a-=1;
a= a-1;
求花仙数
cosole.log(5>2) 10100
声明对象
字面量声明
var obj = {
name: "张三",
age:18
};
实例化声明 new实例化的意思
var obj1 = new Object({
name: "张三",
age:18
});
var obj1 = new Object();
obj1.name = "张三",
obj.age = 18
console.log(obj)
console.log(obj1)
function person(){
属性
this.name = name;
this.age = age;
方法
this.say = function(){
console.log(whis.name+this.age)
}
}
var fn = new person("张三",18)
console.log(fn)
函数
函数命名
函数名() 函数的调用
function 函数名(){}
function handlebar(){
alert("haha")
}
handlebar() //x,y形参
function sum(x,y){
console.log(x+y)
}
sum(1,2)//形参
匿名函数
var fn = function(){
alert("hehe")
}
fn()
构造函数声明
var fn1 = new Function() //构造函数
console.log(fn1)
函数的嵌套
function fn1(){
console.log("111")
return function (){
console.log("222")
}
}
fn1()()
函数的自调用 自己调用自己
(function(){
alert("你好")
})()
window.onload当页面加载完毕去执行代码
window.onload =function(){
console.log(document.getElementById("box"))
}
全局环境
函数环境
var color = "red";
function changeColor(){
var autocolor = "blue";
console.log(autocolor);
function savechange(){
console.log("111")
}
savechange()
}
changeColor()
全局变量
var color = "red";
function presive(){
//私有变量
var color = "blue"
// console.log(color)
return color
}
// presive()
// console.log(color)
console.log(presive())
function fn1() {
var a =999;
return function fn2(){
alert(a)
}
return fn2;
}
var result = fn1();
result() //==fn1()()
function arg(x,y){
function arg(){
console.log(arguments)
for(var i=0;i<arguments.length;i++){
console.log(arguments[i])
}
}
arg(1,2,3)