『笔记』JavaScript基础学习笔记 2
侧边栏壁纸
  • 累计撰写 61 篇文章
  • 累计收到 1,246 条评论

『笔记』JavaScript基础学习笔记 2

六六丶
2021-10-25 / 0 评论 / 295 阅读 / 正在检测是否收录...
广告
温馨提示:
本文最后更新于2021年11月22日,已超过61天没有更新,若内容或图片失效,请留言反馈。

对象

JS中的数据类型

基本数据类型都是单一的值,值和值之间没有任何联系

在JS中用来表示一个人的信息(name gender age)

var name="张三";
var gender="男";
var age="18";

如果使用基本数据类型,创建的变量都是独立的,不能成为一个整体

对象属于一种复合的数据,在对象中可以保存多个不同数据类型的属性

一、对象的分类

1、内建对象

2、宿主对象

console.log();
document.write(); 
//都是由浏览器提供

3、自定义对象

二、创建对象

1、 使用 new 关键字调用的函数,是构造函数constructor
2、 构造函数是专门用来创建对象的函数
3、 使用typeof来检查一个对象时,会返回object

var obj = new Object();
//console.log(typeof obj);
//向obj添加一个name属性
obj.name="张三";
//向obj添加一个gender属性
obj.gender="男";
//向obj添加一个age属性
obj.age="18";

console.log(obj);

var obj = new Object();
//向obj添加一个name属性
obj.name="张三";
//向obj添加一个gender属性
obj.gender="男";
//向obj添加一个age属性
obj.age="18";

console.log(obj.name);//输出“张三”

var obj = new Object();
//向obj添加一个name属性
obj.name="张三";
//向obj添加一个gender属性
obj.gender="男";
//向obj添加一个age属性
obj.age="18";

//修改obj的name属性值
obj.name="孙悟空"
console.log(obj.name);//输出“孙悟空”

var obj = new Object();
//向obj添加一个name属性
obj.name="张三";
//向obj添加一个gender属性
obj.gender="男";
//向obj添加一个age属性
obj.age="18";

//删除obj的name属性值
delete obj.name;
console.log(obj.name);//没有该值,输出undefined

三、属性名和属性值

1、属性名

  • 对象的属性名不强制要求遵守标识符的规范
  • 尽量按照标识符的规范设置

var obj = new Object();
obj["123"]=567;
obj["nihao"]="你好";

var n = "nihao"

console.log(obj["123"]);
console.log(obj[n]);

2、属性值

JS对象的属性值,可以是任意的数据类型, 甚至也可以是一个对象

var obj = new Object();
obj.name="孙悟空";
obj.test= true;
obj.test= null;
obj.test= undefined;

var obj2 = new Object();
obj2.name="猪八戒";

obj.test=obj2;

console.log(obj.test);//返回 name=“猪八戒”
console.log(obj.test.name);//返回 “猪八戒”
console.log("name" in obj);//返回true

四、基本、引用数据类型

(一)基本数据类型

String Number Boolean null Undefined

kvbqbej2.png

var a = 123;
var b = a;
a++;
console.log("a"= +a); //输出为124
console.log("b"= +b); //输出为123

二、引用数据类型

对象:Object

kvbq9zpn.png

var obj = new Object();
obj.name = "孙悟空";
var obj2 = obj;
console.log(obj.name);//输出 孙悟空
console.log(obj2.name);//输出 孙悟空
//修改obj的name属性
obj.name = "猪八戒";
console.log(obj.name);//输出 猪八戒
console.log(obj2.name);//输出 猪八戒
obj2 = null;
console.log(obj);//输出 Object
console.log(obj2);//输出 null

kvbqjma3.png

var a = 10;
var b = 10;
console.log(a == b); // 返回true

var obj3 = new Object();
var obj4 = new Object();
obj3.name = "沙和尚";
obj4.name = "沙和尚";
console.log(obj3 == obj4); // 返回false

kvbqv2w4.png

五、对象字面量

使用对象字面量,可以在创建对象时,直接指定对象的属性
语法: {属性名:属性值,属性名:属性值....}

//创建一个对象
//var obj = new Object();

//使用对象字面量来创建一个对象
var obj = {};
obj.name = "孙悟空";

var obj2 = {
  name:"猪八戒",
  age:28,
  gender:"男"
  test:{
    name:"沙和尚",
    age:27
  }
};
console.log(obj2.test);//输出name:沙和尚 age:27

函数

一、函数的简介

函数(function):也是一个对象

1、使用构造函数的方式来创建函数

var fun = new Function(
  "console.log('这是我的第一个函数');"
);
fun.hello = "你好";
console.log(fun.hello);//输出 你好
fun();//输出 这是我的第一个函数

2、使用函数声明来创建一个函数

语法:
中括号可选,可不写

function 函数名([形参1,形参2,形参n]){
  语句...
}
function fun2(){
  console.log("这是我的第二个函数");
  alert("哈哈哈哈");
  document.write("你好");
}
fun2();//按顺序输出3个函数

3、使用函数表达式来创建一个函数

语法:

var 函数名 = function([形参1,形参2,形参n]){
  语句...
}

将一个匿名函数赋值给一个变量

var fun3 = function (){
  console.log("这是一个匿名函数");
}
fun3();

7

打赏

评论 (0)

取消