javascript面向对象

2023-03-23 16:23| 来源: 网络整理| 查看: 265

前言：笔记中的详细代码，我已经打包放在笔记的最后。

面向对象1.1 对象（Object）

对象时 JS 中的引用户数类型

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

使用 typeof 检查一个对象时，会返回 object

1.1.1 创建对象

方式一： var obj = new Object();

方式二： var obj = {};

代码示例

// 方式一: var obj = new Object(); obj.name = "小明"; obj.age = 12; obj.sex = 'M'; console.log(obj); console.log(obj.name); // 方式二 var obj2 = {}; obj2.name = "小红"; obj2.age = 12; console.log(obj2.name);1.1.2 向对象中添加属性

语法：

对象.属性名 = 属性值对象[“属性名”] = 属性值

对象的属性名没有任何的要求，不需要遵守表示符的规范，但是尽量按照表示符的要求去写。

属性值也可以任意的数据类型。

1.1.3 读取对象的属性

语法：

对象.属性名

对象[“属性名”]

如果读取一个对象吧没有的属性，它不会报错，而是返回一个 undefined

1.1.4 删除对象中的属性

语法：

delect 对象.属性名

delect 对象[“属性名”]

代码示例

var obj3 = new Object(); obj3.name = "小明"; console.log(obj3.name); //小明 delete obj3.name; console.log(obj3.name);// undefined1.1.5 使用 in 检查对象中是否含有指定的属性

语法：

“属性名 in 对象”

如果在对象中含有该属性，则返回 true

如果没有则返回 false

代码示例

console.log("name" in obj);1.1.6 使用对象字面量，在创建对象时直接向对象中添加属性

语法：

var obj = { 属性名.属性值，属性名.属性值 }1.1.7 基本数据类型和引用数据类型

基本数据类型：

String Number Booolean Null Underfined

引用数据类型:

Object 基本数据类型的数据，变量是直接保存它的值。

变量与变量之间是相互独立的，修改一个变量不会影响其他的变量

引用数据类型的数据，变量是保存的对象的引用（内存地址）

如果多个变量指向的是同一个对象，此时修改一个变量的属性，会影响其他的变量。

比价两个变量时，对于基本数据了类型，比较的就是值，对于引用数据类型比较的是地址，地址相同才相同

1.2 函数（Function）

函数也是一个对象，也具有普通对象的功能

函数中可以封装一些代码，在需要的时候可以调用函数来执行这些代码

使用 typeof 检查一个函数是会返回 function

1.2.1 创建函数

函数声明

function 函数名(形参1,形参2...形参N){ 语句... };

函数表达式

var 函数名 = function(形参1,形参2...形参N){ 语句... };代码示例function fun(){ console.log("这是一个函数"); alert("哈哈哈"); document.write("------(>_

【本文地址】

公司简介

联系我们