112 lines
3.0 KiB
HTML
112 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
</head>
|
||
<body>
|
||
<!--
|
||
数组去重
|
||
|
||
-->
|
||
<script>
|
||
|
||
// function quchong(arr){
|
||
// for(var i=0; i < arr.length; i++){
|
||
// for(var j = i+1;j <arr.length;j++){
|
||
// if(arr[i] == arr[j]){
|
||
// arr.splice(j,1);
|
||
// j--;
|
||
// }
|
||
// }
|
||
// }
|
||
// return arr;
|
||
// }
|
||
// console.log(quchong([1,5,1,4,6,5]));
|
||
|
||
// if(true){
|
||
// var a=1
|
||
// }
|
||
// console.log(a)
|
||
|
||
// function quanju(){
|
||
// var c=2
|
||
// }
|
||
// quanju()
|
||
// console.log(c)
|
||
|
||
// 面向对象 =》 面向过程
|
||
// 面向对象 三大特征
|
||
// 1、封装
|
||
// 隐藏对象的属性和实现细节，仅对外提供公共访问方式，将变化隔离，便于使用，提高复用性和安全性。
|
||
// 2、继承
|
||
// 提高代码复用性；继承是多态的前提。
|
||
// 3、多态
|
||
// 父类或接口定义的引用变量可以指向子类或具体实现类的实例对象。提高了程序的拓展性。
|
||
// 对象 键值对（无序） 数组（有序）
|
||
// name sex age 这种类似于变量的东西叫属性
|
||
// sayzao saywan这种对象中的函数 叫方法
|
||
|
||
var obj={
|
||
name:"qwe",
|
||
sex:"男",
|
||
age:22,
|
||
sayzao:function(){
|
||
alert("早安")
|
||
|
||
},
|
||
saywan:function(){
|
||
alert("晚安")
|
||
}
|
||
|
||
}
|
||
|
||
// obj.sayzao()
|
||
// sayzao()
|
||
// 新增属性 obj（对象的名字）.属性名=属性值
|
||
// 新增方法 obj(对象名).方法名=匿名函数
|
||
console.log(obj.name)
|
||
obj.height=185;
|
||
obj.face="好看"
|
||
obj.zhuangkuang="单身"
|
||
obj.xiaozhushou=function(){
|
||
alert("多喝岩浆")
|
||
}
|
||
obj.cooking=function(time){
|
||
if(time==7){
|
||
alert("我正在做早饭");
|
||
}else if(time==11){
|
||
alert("我正在做午饭")
|
||
}else if(time==18){
|
||
alert("我在做晚饭")
|
||
}
|
||
|
||
}
|
||
obj.clean=function(){
|
||
alert("我在打扫卫生")
|
||
}
|
||
obj.wash=function(){
|
||
alert("我在把衣服扔到洗衣机里")
|
||
}
|
||
obj.changename=function(){
|
||
this.name="张三"
|
||
}
|
||
|
||
// obj.cooking(7)
|
||
// obj.sayzao()
|
||
// obj.clean()
|
||
// obj.xiaozhushou()
|
||
// obj.cooking(11)
|
||
// obj.wash()
|
||
// obj.cooking(18)
|
||
|
||
delete obj.saywan
|
||
|
||
console.log(obj)
|
||
|
||
|
||
</script>
|
||
</body>
|
||
</html> |