JavaScript小白教程6JS高级教程

JavaScript小白教程6JS高级教程JavaScript对象所有事物都是对象JavaScript提供多个内建对象,比如String、Date、Array等等。对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

JavaScript 对象

所有事物都是对象

JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。

  • 布尔型可以是一个对象。
  • 数字型可以是一个对象。
  • 字符串也可以是一个对象
  • 日期是一个对象
  • 数学和正则表达式也是对象
  • 数组是一个对象
  • 甚至函数也可以是对象

JavaScript 类

JavaScript 是面向对象的语言,但 JavaScript 不使用类。

在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

JavaScript 基于 prototype,而不是基于类的。

<body>
<script>
//修改对象的属性值 function person(firstname,lastname,age,eyecolor){ this.firstname=firstname; this.lastname=lastname; this.age=age; this.eyecolor=eyecolor; this.changeName=changeName; function changeName(name){ this.lastname=name; } } myMother=new person("Sally","Rally",48,"green"); myMother.changeName("Doe"); document.write(myMother.lastname); </script> </body>
<body>
    
<p>点击下面的按钮,循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<p id="demo1"></p>
<p id="demo2"></p>
    
<script>
//for循环输出对象所有的属性值 function myFunction(){ var y=0; var x; var txt=""; var person={fname:"Bill",lname:"Gates",age:56}; for (x in person){ alert(x) alert(person[x]) txt=txt + person[x]; } document.getElementById("demo").innerHTML=txt; } </script> </body>

JavaScript  prototype

prototype 继承

所有的 JavaScript 对象都会从一个 prototype(原型对象)中继承属性和方法:

  • Date 对象从 Date.prototype 继承。
  • Array 对象从 Array.prototype 继承。
  • Person 对象从 Person.prototype 继承。
<body>

<h2>JavaScript 对象</h2>

<p id="demo"></p>
<p id="demo1"></p>

<script>
//类中添加属性 function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; } Person.prototype.nationality = "English"; var myFather = new Person("John", "Doe", 50, "blue"); document.getElementById("demo").innerHTML = "我父亲对国籍是 " + myFather.nationality; var myFather1 = new Person("John", "Doe", 500, "blue"); document.getElementById("demo1").innerHTML = "我父亲对国籍是 " + myFather1.nationality + "我父亲的年龄是" + myFather1.age; </script> </body>
<body>

<h2>JavaScript 对象</h2>

<p id="demo"></p>

<script>
//类中添加方法
function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; } Person.prototype.name = function() { return this.firstName + " " + this.lastName }; var myFather = new Person("John", "Doe", 50, "blue"); document.getElementById("demo").innerHTML = "我对父亲是 " + myFather.name(); </script> </body>

JavaScript Number 对象

<body>

<script>
//无穷大(Infinity) var x = 2/0; var y = -2/0; document.write(x + "<br>"); document.write(y + "<br>"); </script> </body>
<body>
    
<p>一个数字除以一个字符串结果不是一个数字</p>
<p>一个数字除以一个字符串数字结果是一个数字</p>
<p id="demo"></p>
<script>
//NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。 var x = 1000 / "Apple"; var y = 1000 / "1000"; document.getElementById("demo").innerHTML = isNaN(x) + "<br>" + isNaN(y); </script> </body>
<body>
<p id="demo"></p>
<script>
//数字可以是数字或者对象 typeof()判断类型 var x = 123; // x 是一个数字 var y = new Number(123); // y 是一个对象 var txt = typeof(x) + " " + typeof(y); document.getElementById("demo").innerHTML=txt; </script> </body>

JavaScript 字符串(String) 对象

1:字符串(String)使用长度属性length来计算字符串的长度

2:字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置

3:match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符

4:replace() 方法在字符串中用某些字符替换另一些字符

5:字符串大小写转换使用函数 toUpperCase() / toLowerCase():

6:字符串使用split()函数转为数组:

7:Javascript 中可以使用反斜线(\)插入特殊符号,如:撇号,引号等其他特殊符号

JavaScript Date(日期) 对象

日期对象用于处理日期和时间

JavaScript Array(数组) 对象

都是对象,会调用它的属性和方法

<body>

<p id="demo">单击按钮创建一个数组,调用 ucase()方法, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<script>
Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
        this[i]=this[i].toUpperCase();
    }
}
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.myUcase();
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

</body>

JavaScript Boolean(布尔) 对象

Boolean(布尔)对象用于将非布尔值转换为布尔值(true 或者 false)

JavaScript Math(算数) 对象

Math(算数)对象的作用是:执行常见的算数任务

JavaScript RegExp 对象

RegExp:是正则表达式(regular expression)的简写

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167819.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 动漫常用网站/APP 彻底帮你解决看动漫的烦恼[通俗易懂]

    动漫常用网站/APP 彻底帮你解决看动漫的烦恼[通俗易懂]本文是众多使用技巧中其中的一篇,全部使用技巧点击链接查看,保证你收获满满我主页中的思维导图中内容大多从我的笔记中整理而来,相应技巧可在笔记中查找原题,有兴趣的可以去我的主页了解更多计算机学科的精品思维导图整理本文可以转载,但请注明来处,觉得整理的不错的小伙伴可以点赞关注支持一下哦!本文提到的所有软件和工具,可关注公众号一起学计算机点击资源获取获得本人最常用的网站就是AGE动漫,这是我用过最好的动漫网站,资源算是最全的吧,并且大多数动漫都提供百度云链接,可下载观看,…

  • css中100vh 加减运算[通俗易懂]

    css中100vh 加减运算[通俗易懂]vh/vwvh:相对于视窗的高度,视窗被均分为100单位的vh;vw:相对于视窗的宽度,视窗被均分为100单位的vw;vmax:相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax;vmin:相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin;视区所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小。calcca…

  • plsql直接连接远程数据库_plsql远程连接oracle

    plsql直接连接远程数据库_plsql远程连接oracle前言每次安装Oracle以后,都会出现使用plsql连接不上的问题!多次重启电脑、重装系统的磨人经历之后,终于做出这么一篇文章,希望能帮助广大技术人员减少一些时间,顺利进行连接。注:也可以用plsql连接远程数据库(只要有oracle的network\admin\tnsnames.ora就行)。首先下载64位oracle以及32位轻量级客户端(注意版本的对应,我用的是11g的oracl……

    2022年10月20日
  • linux apache安装与配置_Apache配置

    linux apache安装与配置_Apache配置1.      下载apache,http://httpd.apache.org/download.cgi 通过这个官方网站,我们可以下到最新的版本。现在版本都是以这样的方式表达的:httpd-*.*.*.tar.gz2.      例如,你现在去官网下载的就是最新版本:httpd-2.2.9.tar.gz。3.      好了,下载到你的家目录/root里面。4.     

  • 炉石传说怎么改服务器(炉石firestone怎么用)

    魔兽世界中,炉石是一个相当关键的道具,因为玩家在深入野外探险以后,如果要原路返回就太耗时间了,因此炉石很重要,那么炉石怎么用呢,下面游戏吧小编为大家带来介绍。魔兽世界炉石怎么用魔兽世界中炉石只需要玩家右键点击炉石就能使用,可以直接在背包里点,或者拖到快捷键上用快捷键点。炉石冷却时间为半个小时,使用炉石需要一定的施法时间,过程中玩家的施法动作像在双手搓东西,因此也叫搓炉石。玩家需要注意的是,炉石传送…

  • vue实现管理系统_学生管理系统实验报告

    vue实现管理系统_学生管理系统实验报告Vue项目:学生管理系统增删改查一套免费获取

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号