JavaScrip总结

最新推荐文章于 2022-07-10 00:45:38 发布

千里取人头

最新推荐文章于 2022-07-10 00:45:38 发布

阅读量110

点赞数

本文链接：https://blog.csdn.net/m0_47765720/article/details/111567470

版权

@[TOC] 总结

JavaScript 简介

用于为网页添加交互性，处理数据，以及创建各种应用程序（移动应用程序，桌面应用程序，游戏等）, 这门语言可用于HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 基本特点

 一种轻量式、解释性、可插入HTML、由游览器执行

JavaScript 的用法

在HTML中，必须在标签之间插入JS代码

JS输出

1.使用document.write()方法将内容写到html中。
2.使用wondows.alert()弹出警告框。
3.使用innerHTML写入到HTML元素。
4.使用console.log()写入到游览器控制台。

格式化文本

使用HTML标签来格式化JavaScript中的文本。

<html>
   <head> </head>
   <body>
     <script>
       document.write("<h1>Hello W3Cschool!</h1>");
     </script>
   </body>
</html>

外部JavaScript

使用外部脚本，请将脚本文件的名称放在script标签的 src（source）属性中
变量是用于存储信息的"容器",变量的值可以在整个程序中被修改。
JavaScript区分大小写。
typeof 运算符来查看值得类型，它返回的是类型的字符串值。

js中添加方法

方法是存储在对象属性中的函数。
使用以下方式创建对象函数:

methodName : function() { code lines }
使用以下方式访问对象函数:

objectName.methodName()
this 关键词是当前对象的引用，这意味着您可以使用 this 来访问对象属性和方法。

在构造函数中定义方法:

function person(name, age) {
  this.name = name;  
  this.age = age;
  this.changeName = function (name) {
    this.name = name;
  }
}

var p = new person("Loen", 28);
p.changeName("John");

在上面的示例中，我们定义了一个名为 changeName 的方法，该方法是一个函数，它接受参数名称并将其分配给对象的 name 属性。

你也可以在构造函数外部定义一个函数，通过函数名关联到对象的属性上:

function person(name, age) {
  this.name= name;  
  this.age = age;
  this.yearOfBirth = bornYear; // 关联 bornYear 函数
}
function bornYear() {
  return new Date().getFullYear() - this.age; 
}

以上代码中 new Date().getFullYear() 是获取今年完整的年份时间如:2017 , 如您所见，我们已将对象的 yearOfBirth 属性赋予 bornYear 函数。当通过对象调用 bornYear 函数时, bornYear 函数中 this 指向这个对象。

提示: 请注意，将函数关联到对象属性时不需要写括号。

调用方法

调用方法:

function person(name, age) {
  this.name= name;  
  this.age = age;
  this.yearOfBirth = bornYear;
}
function bornYear() {
  return new Date().getFullYear() - this.age;
}

var p = new person("Loen", 29);
document.write(p.yearOfBirth());

提示: 要通过对象的属性名调用函数而不是直接调用函数。