专栏首页菜鸟前端工程师JavaScript学习笔记023-对象方法0包装对象0静态属性

JavaScript学习笔记023-对象方法0包装对象0静态属性

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

时间过得真快

转瞬即逝

曾经以为过不去的坎

现在都快要遗忘了

岁月是把杀猪刀

果然

如此

前端也学了大半年了

距离node结课近在咫尺

又是一期课程毕业在即

愿我们所有的努力

都不会被生活辜负

<!DOCTYPE html> <!-- 文档类型:标准html文档 -->

<html lang='en'> <!-- html根标签 翻译文字:英文 -->

<head> <!-- 网页头部 -->

<meat charset='UTF-8'/> <!-- 网页字符编码 -->

<meat name='Keywords' content='关键词1,关键词2'/>

<meat name='Description' content='网站说明'/>

<meat name='Author' content='作者'/>

<title>前端59期学员作业</title> <!-- 网页标题 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->

<style type='text/css'> /*内部样式表*/

</style>

</head>

<body> <!-- 网页主干:可视化区域 -->

<script>
/*
对象方法:
object
*/
// 比较值是否相等
Object.is(1, "1"); // false 类似于===
// 注意点:此方法中,+0和-0不等,NaN和NaN相等

// 对象合并,合并对象的所有可遍历的值到第一个对象中
let obj1 = {a: 1, b: 2};
let obj2 = {c: 3, d: 4};
Object.assign(obj1, obj2); // obj1 = {a: 1, b: 2, c: 3, d: 4}

// 对象的键值
Object.keys(obj1); // ["a", "b"] 键
Object.values(obj1); // [1, 2] 值
Object.entries(obj1); // [["a", 1], ["b", 2]] 键值对

/*
静态属性:
只能被类调用的属性
*/
// es5 静态属性写法
function MyClass(){};
// 静态属性
MyClass.say = function (){
console.log("这是静态方法")
}
// es6 静态方法写法
class MyClass{
constructor(){
}
// static:静态方法 es6没有静态属性,只有静态方法
static say(){}
// 原型方法
add(){}
}

// es6 extends的super
class FatherClass{};
class MyClass extends FatherClass{
constructor(){
super();
super.xxx(); // 这里调用的是父类的原型方法(FatherClass.prototype.xxx())
}
// constructor以外的super不能直接调用,可以挂载调用
static say(){
super; // 静态方法的super指向父类(FatherClass),可以调用父类的静态方法
}
add(){
super; // 原型方法的super指向父类原型(FatherClass.prototype),可以调用父类的原型方法
}
}

// 静态属性和普通属性的区别
// 如果该方法面向的是当前类的所有实例,就使用原型方法
// 如果该方法面向的不仅仅只是该类的对象,就使用静态方法

// 包装对象
let str1 = "123"; // 值类型
let str2 = new String(123); // 引用型
str1.num = 1; // 临时产生一个对象,进行下一步操作前就消失了
sonsole.log(str1.num); // undefined 此处输入时又临时创建了一个对象

</script>

</body>

</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript学习笔记015-Promise0Async0try catch

    Mr. 柳上原
  • JavaScript学习笔记012-DOM2级事件监听-代理0冒泡-捕获模式

    Bootstrap,Foundation,Semantic UI,Angular,React Redux,Vue?

    Mr. 柳上原
  • JavaScript学习笔记007-js的执行

    Mr. 柳上原
  • 18.11 LVS DR模式搭建

    LVS DR模式搭建 DR模式搭建 – 准备工作 三台机器 分发器,也叫调度器(简写为dir) 133.130 rs1 133.132 rs2 133.133 ...

    运维小白
  • 【沙龙干货】如何打造 最合适的构架,最合适的重构?

    不是每一个程序员都能成为一个架构师!十年移动开发专家告诉你,如何打造最合适的构架和最合适的重构。 ...

    腾讯Bugly
  • Socket接口测试

    我们在做接口测试时,除了常见的http接口,还有一种比较多见,就是socket接口,今天讲解下怎么用Python进行websocket接口测试。

    我被狗咬了
  • 腾讯与珠海市政府签订战略合作协议 携手打造“一部手机游珠澳”

    ? 10月21日, 2019澳珠企业家峰会于珠海隆重举行。会上,腾讯公司与珠海市人民政府签署合作协议。双方将依托腾讯在云计算等新一代信息技术上的优势,为珠海市...

    腾讯文旅
  • Web前端学习 第8章 egg基础教程1 Egg概述与创造项目

    对于刚接触的同学来说,可能会感觉很难,但创建一个项目是非常简单的,跟下面一步一步做吧!

    学习猿地
  • 【融职培训】Web前端学习 第8章 egg基础教程1 Egg概述与创造项目

    对于刚接触的同学来说,可能会感觉很难,但创建一个项目是非常简单的,跟下面一步一步做吧!

    学习猿地
  • 走访十几家美国企业服务公司,我们发现了中国SaaS的未来趋势

    ? 作者 /麦采尧、吴陈尧、芮雪峰,GGV纪源资本管理合伙人符绩勋、Jeff Richards、Glenn Solomon、童士豪对本文亦有贡献 来源/GGV...

    腾讯SaaS加速器

扫码关注云+社区

领取腾讯云代金券