JavaScript面向对象的编程指南学习笔记

简介: JavaScript面向对象的编程指南学习笔记 第一章 1,用自己的语言描述出,什么是对象、类、封装、聚合、继承、多态? 对象,拥有属性和方法的任何抽象概念。 类,可以实例化,有共同属性或方法(行为)的相似对象,的模板 封装,提供接口,隐藏接口的实现 聚合,将大功能(对象)拆分成小功能(小对象)去实现的逆过程。

JavaScript面向对象的编程指南学习笔记

第一章

1,用自己的语言描述出,什么是对象、类、封装、聚合、继承、多态?

对象,拥有属性和方法的任何抽象概念。
类,可以实例化,有共同属性或方法(行为)的相似对象,的模板
封装,提供接口,隐藏接口的实现
聚合,将大功能(对象)拆分成小功能(小对象)去实现的逆过程。
继承,子类通过继承获得父类的方法或属性
重写,子类继承父类的方法,改成自己的实现。
多态,、对传递的参数判断来执行逻辑,一种多态处理机制

第二章

1,在控制台输入表达式后,返回undefined原因:

控制台在执行完输入的表达式后,输出的该表达式运行结果,如果表达式没有返回值,undefined,否则返回返回值。

2, css 中颜色表示的两种方式

rgb(0,0,0)  黑色
rgb(255,0,0)  红色
\#ff0000  红色
三基色的顺序都是 red,green,blue

3, 为什么返回结果不一致,a为啥不是NaN呢?

参考提问 https://segmentfault.com/q/1010000014772302
var a = 9/0;
typeof a;
"number"
a;
Infinity

typeof 9/0;
NaN

4,类型转换

将数字字符串转成数字,*1, 转换失败NaN
其他类型转为字符串,+""

var s = '100';
s=s*1;
type s;

5,哪些值双重取反后,返回false?

“”,undefined, null, 0, NaN, false
"0", "false", " "true

6,null和undefined区别

在转成布尔值类型时候一致
在转为数字类型的数值时,会有区别

Number(null) 0,
Number(undefined) NaN

1*null  = 0;
1+null = 1;

1*undefined = NaN;
1+undefined = NaN;

7,判断一个元素是否初始化。

检查变量是否存在。
我们一般不判断是,判断不是
在判断元素是否存在时候,最好使用typeof
if(somevar){
    balabal
}
//如果没有定义会有警告

if(typeof somevar !=='undefined'){
    balabala
} 

第三章

1,函数返回值

一个函数只能有一个返回值,如果有多个返回值,使用数组的形式返回。
return 子句,返回值,就是函数的返回值。

2,函数的参数,传到方法中的到底是什么值?

函数声明时候,会设置函数的参数,如果调用时候没有传递相关的参数值,js默认为undefined
function sum(a,b){
    return a+b;
}
sum(1);  //NaN

少了,默认undefined
多了,忽略多传的参数。

3, 形参长度和实参长度的区别

arguments.length 是实参的长度,调用函数时候,像函数传递了几个参数的长度.
arguments.callee.length = function.length 形参的长度。
function sum(a,b,c){
    console.log(arguments.length);
    return a+b+c;
}
sum(1,2,3,4,5);

5


sum.length;
3
function sum(a=1,b,c){
    console.log(arguments.length);
}
sum(1,2,3,4,5);
5

sum.length;
为啥是00????????

4, 预定义函数

parseInt 将接受的任何值,转成整数类型输出。失败,返回NaNparseFloat 只支持将输入值转换成十进制数,该函数只有一个参数。
isFinite(Infinity) //false
是否是有限的,Infinity无限的。

5, encodeURI 和 encodeURIComponent的区别;

它用于对URL的组成部分进行个别编码。
后者对整个url进行编码,包括一些特殊字符。

6,函数声明和函数表达式

function a() //声明
var a = function()  //函数表达式

7,匿名函数

7.1回调函数
什么时候执行回调函数?将函数c传递给函数A,由函数A来执行函数c就形成回调函数。
示例:将一个函数的返回值传递给另一个函数。
function add(a){
    return a+1;
}
function(arr, callback){
    for(var i = 0;i<arr.length;i++){
        arr[i] = callback(arr[i]*2);
    }
}

7.2立即执行函数

// 两种写法
(function(){})();
(function(){}())
//第二种写法老是忘记
//优点:不会产生任何全局变量。

7.3 修改自身的函数

function a (){
    alert(1);
    a= function(){
        alert(2);
    }
}
//第一次执行和第二次执行就不一样了

返回函数的函数

function a (){
    alert(1);
    return function(){
        alert(2);
    }
}
  a()();  

复习:闭包返回当前值的原因, 如何解释循环闭包打印出来是数组长度?

 
每个数组都指向了一个共同的局部变量i,但是闭包不会记录i的值,只是拥有在相关域创建时候的一个引用,执行的时候,会从所在域逐级寻找最近的i值,for循环结束后,都指向了那个共同的值。
原文地址http://www.bieryun.com/3882.html
相关文章
|
2月前
|
存储 JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果+1
JavaScript编程实现tab选项卡切换的效果+1
|
3月前
|
JavaScript 前端开发 编译器
解锁JavaScript模块化编程新纪元:从CommonJS的基石到ES Modules的飞跃,探索代码组织的艺术与科学
【8月更文挑战第27天】随着Web应用复杂度的提升,JavaScript模块化编程变得至关重要,它能有效降低代码耦合度并提高项目可维护性及扩展性。从CommonJS到ES Modules,模块化标准经历了显著的发展。CommonJS最初专为服务器端设计,通过`require()`同步加载模块。而ES Modules作为官方标准,支持异步加载,更适合浏览器环境,并且能够进行静态分析以优化性能。这两种标准各有特色,但ES Modules凭借其更广泛的跨平台兼容性和现代语法逐渐成为主流。这一演进不仅标志着JavaScript模块化的成熟,也反映了整个JavaScript生态系统的不断完善。
47 3
|
1天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包:解锁编程潜能,释放你的创造力
【10月更文挑战第25天】本文深入探讨了JavaScript中的闭包,包括其基本概念、创建方法和实践应用。闭包允许函数访问其定义时的作用域链,常用于数据封装、函数柯里化和模块化编程。文章还提供了闭包的最佳实践,帮助读者更好地理解和使用这一强大特性。
9 2
|
2月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
24天前
|
JavaScript 前端开发
【干货分享】JavaScript学习笔记分享
【干货分享】JavaScript学习笔记分享
50 0
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果
JavaScript编程实现tab选项卡切换的效果
|
2月前
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
2月前
|
JavaScript 前端开发 安全
JavaScript编程实现字符和字符串翻转
JavaScript编程实现字符和字符串翻转
|
2月前
|
JavaScript 前端开发
用JavaScript编程定义二维数组并初始化,然后输出元素值
用JavaScript编程定义二维数组并初始化,然后输出元素值