JavaScript中的全局对象,内置对象和预定义对象是啥?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中的全局对象,内置对象和预定义对象是啥?相关的知识,希望对你有一定的参考价值。

RT

1.全局对象是预定义的对象,作为 javascript 的全局函数和全局属性的占位符。
  通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。
  全局对象不是任何对象的属性,所以它没有名称。
2.内部对象是编写自定义代码所用语言的基础, 该代码基于想象实现自定义功能。
  JavaScript 有许多 将其定义为语言的内部对象。本文介绍了一些 最常用的对象,
  并简要介绍了它们有哪些功能以及如何使用这些功能。
3.预定义对象这个像是select,Array等这个都是预定义对象。
参考技术A 在javascript中对象是一种基本数据类型,也可以看做是属性的的无序集合。所谓全局对象,你可以简单的理解为window下的对象,它的作用域是是针对整个window,所以全局对象一旦声明,在任何地方都可以调用。

javascript中对象基本分为三类:内置对象、宿主对象、自定义对象
内置对象:是指由ECMAScript规范定义的对象或者类。例如数据、函数、日期等....
宿主对象:是由JavaScript所嵌入的宿主环境定义的,如客户端JavaScript中表示网页机构的htmlElement对象就是宿主对象
自定义对象:就是在运行中创建的对象。
以上纯手打,望采纳!!!本回答被提问者采纳
参考技术B Javascript 有11 种内置对象:
Array、String、Date、Math、Boolean、Number、
Function、Global、Error、RegExp、Object。追问

什么是全局对象?
什么是预定义对象?

追答

全局对象就是你定义一个var s="1";可以在很多地方共享。
预定义对象:就是html 标签里面的属性,例如:name,text,type

JavaScript:JavaScript中的内置对象

一、对象的概念

  • 对象是一种特殊的数据类型(object)。
  • 拥有一系列的属性和方法。
  • 分为内置对象和自定义对象。

二、String对象

String对象用来支持对于字符串的处理。

1、属性

  • length:获取字符串对象的长度。

例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>String对象</title>
    <script>
       onload=function(){
           var btn=document.querySelector("input[type=\'button\']");
           var len=document.querySelector("input[type=\'text\']");
           btn.onclick=function(){
            alert("字符串长度:"+len.value.length);
           };
       };
    </script>
</head>
<body>
    <input type="text" id="len"/>
    <input type="button" value="获取字符串长度" id="btnLength" />
</body>
</html>

 效果:

文本框里面输入内容时:

文本框未输入内容时:

2、方法

  • 语法:字符串对象.方法名()

例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>String对象</title>
    <script>
       onload=function(){
           var btn=document.querySelector("input[type=\'button\']");
           var len=document.querySelector("input[type=\'text\']");
           var btnMethod=document.querySelector("input[name=\'method\']");
           var writeDiv=document.querySelector("#printMethod");
           //var str=len.value.toString();
           btn.onclick=function(){
            alert("字符串长度:"+len.value.length);
           };
           // 方法
           btnMethod.onclick=function(){
               var str="a good man is a real man";
               // 1、CharAt 返回字符串中指定位置的字符
               var charAt=str.charAt(5);
               // 2、indexOf 查找某个指定的字符串在字符串中首次出现的位置
               // 如果能查到则返回所在字符串中的位置,如果查询不到则返回-1
               var str1=str.indexOf("m");
               var str2=str.indexOf("woman"); // 返回-1
               // 查找字符串中下标为8以后的字符串中man首次出现的位置
               var str3=str.indexOf("man",8);
               // 3、substring(index1,index2)返回位于指定索引index1和index2之间的字符串,
               // 并且包括索引index1对应的字符,不包括索引index2对应的字符。
               var substr=str.substring(3,7);//返回索引从3到7之间的字符串
               // 省略第二个参数则表示一直到字符串的末尾
               var substr2=str.substring(6);
               // 4、split(str) 将字符串分割为字符串数组
               var strs=str.split(" ");// 用“|”分割数组
               // 5、toLowerCase() 将字符串转换为小写字母
               var lowerStr=str.toLowerCase();
               // 6、toUpperCase() 将字符串转换为大写字母
               var upperStr=str.toUpperCase();

               var strTemp="位置为5的字符串:"+charAt+"<br />";
               strTemp+="字符m出现的位置:"+str1+"<br />"; 
               strTemp+="字符串woman出现的位置:"+str2+"<br />";
               strTemp+="索引8以后的man出现的位置:"+str3+"<br />";
               strTemp+="索引3~7之间的字符串是:"+substr+"<br />";
               strTemp+="索引6以后的字符串是:"+substr2+"<br />";
               strTemp+="数组:"+strs+"<br />";
               strTemp+="小写字母:"+lowerStr+"<br />";
               strTemp+="大写字母:"+upperStr+"<br />";
               writeDiv.innerHTML=strTemp;
           };
       };
    </script>
</head>
<body>
    <input type="text" id="len"/>
    <input type="button" value="获取字符串长度" id="btnLength" />
    <input type="button" value="字符串方法" name="method" id="btnMethod" />
    <div id="printMethod" style="border:1px solid red;height:200px;margin-top:20px;">

    </div>
</body>
</html>

 结果:

三、Math对象

Math对象用于执行常用的数学任务,它包含了若干个数字常亮和函数。

常用方法如下:

例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Math对象</title>
    <script>
       onload=function(){
           var btn=document.querySelector("input[name=\'btnMath\']");
           var showDiv=document.querySelector("#show");
           btn.onclick=function(){
               // 上舍入  舍去小数部分,整数部分都加1
               var str="25.8的上舍入值:"+Math.ceil(25.8)+"<br />";
               str+="25.1的上舍入值:"+Math.ceil(25.1)+"<br />";
               str+="-25.8的上舍入值:"+Math.ceil(-25.8)+"<br />";
               str+="-25.1的上舍入值:"+Math.ceil(-25.1)+"<br />";
               // 下舍入  舍去小数部分,整数部分不变
               str+="25.8的下舍入值:"+Math.floor(25.8)+"<br />";
               str+="25.1的下舍入值:"+Math.floor(25.1)+"<br />";
               str+="-25.8的下舍入值:"+Math.floor(-25.8)+"<br />";
               str+="-25.1的下舍入值:"+Math.floor(-25.1)+"<br />";
               // 四舍五入
               str+="25.8的四舍五入值:"+Math.round(25.8)+"<br />";
               str+="25.1的四舍五入值:"+Math.round(25.1)+"<br />";
               str+="-25.8的四舍五入值:"+Math.round(-25.8)+"<br />";
               str+="-25.1的四舍五入值:"+Math.round(-25.1)+"<br />";
               // 随机数 返回0~1之间的随机数
               str+="1~100的随机数:"+Math.floor(Math.random()*100)+"<br />";
               showDiv.innerHTML=str;
           };
       };
    </script>
</head>
<body>
      <input type="button" name="btnMath" value="Math对象常用函数" />
      <div id="show" style="border:1px solid red;height:300px;margin-top:20px;padding-left:5px;">

      </div>
</body>
</html>

 

结果:

四、Date对象

Date对象用于操作日期和时间。

1、语法:

var myDate=new Date([参数]);

 例如:

2、方法:

例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Date对象</title>
    <script>
       onload=function(){
           // 创建Date对象
           var date=JS封闭函数闭包内置对象

js中的内置对象是怎么理解的 ?怎么区分静态对象和动态对象的~~感觉很抽象 很懵懂的样子

JavaScript内置对象

全新Java入门到架构师教程之JavaScript函数作用域和内置对象

JavaScript:JavaScript中的内置对象

JavaScript内置对象