首页 > 编程语言 >E004Web学习笔记-JavaScript(二):JS对象

E004Web学习笔记-JavaScript(二):JS对象

时间:2023-02-22 15:31:53浏览次数:44  
标签:E004Web JavaScript JS 对象 字符串 var new 方法 reg

一、Function

1、概述

是一个函数对象;

 

2、Function:函数(方法)对象

①创建

//1、方法1(不建议使用)
var fun = new Function(形参列表,方法体);
示例:
var fun = new Function("a","alert(a)");
			fun(2);
//2、方法2(掌握-常用)
function 方法名称(形式参数列表){
    方法体
}
示例:
function say(a){
			    alert(a);
			}
			say("哈哈哈哈");
//3、方法3(掌握)
var 方法名 = function(形式参数列表){
    方法体
}
示例:
var la = function(a){
			    alert(a);
			}
			la("哈哈哈哈哈哈哈");

②方法

③属性

length:代表形参的数量;

④特点

1、方法定义时,形参的数据类型不用写;

2、方法是一个对象,如果定义名称相同的方法不会保存,后面的方法会把前面的覆盖;

3、在JS中,方法的调用只与方法的名称有关,与所传参数无关;

4、在方法声明中,有一个隐藏的内置对象,是个数组,叫做arguments,封装所有参数;

4的运用例子:

<script type="text/javascript">
			function add(){
				var sum = 0;
				for(var i=0;i<arguments.length;i++){
					sum += arguments[i];
				}
				alert(sum);
			}
			add(1,2,3,4,55,8);
		</script>

⑤调用

 

二、Array:数组对象

1、创建

1、var 数组名 = new Array(元素列表);

2、var 数组名 = new Array(默认长度);

3、var 数组名 = [元素列表];

2、方法

join(参数):将数组中的元素按照指定的分隔符拼接为字符串;

push(参数):向数组结尾添加一个元素,并返回新的长度;

3、属性

length:数组的长度;

4、特点

1、JS中,数组元素的类型是可变的;

2、数组的长度是可变的;

 

三、Date对象

1、创建

var date = new Date();

2、方法

toLocaleString():返回当前Date对象对应的时间的本地字符串格式(根据操作系统的语言);

getTime():获取当前时间与1970年1月1号的毫秒值的差;

 

四、Math对象

1、创建

特点:不用创建,直接使用;

 

2、方法

random():返回0到1之间的随机数(含0不含1);

ceil(参数):向上进1;

floor(参数):向下舍1;

round(参数):四舍五入;

3、属性

pi:圆周率;

 

五、RegExp正则表达式

1、概述

定义字符串的组成规则的表达式;

 

2、写法

1、单个字符:[]

如:[a] [ab] [a-zA-Z0-9_]
* 特殊符号代表特殊含义的单个字符:
    \d:单个数字符号;
    \w:单个单词符号;

2、量词符号
?:表示出现0次或1次;
*:表示出现0次或多次;
+:出现1次或多次
{m,n}:表示m <= 数量 <= n;
其中,如果m没写(缺省),{,n},则表示最多n个;
其中,如果n没写(缺省),{m,},则表示最少m个;

3、开始结束符号
^:开始符号;
$:结束符号;

 

3、正则对象

创建:

1、var reg = new RgeExp("正则表达式");
2、var reg = /正则表达式/;

方法:

test():验证指定的字符串是否符合正则表达式的定义规范;

演示:

<script type="text/javascript">
			//var reg = new RegExp("^\\w{3,6}$");(第一种方式,不常用)
            var reg = /^\w{3,6}$/;//(第二种方式,常用)
			var name = "hello";
			if(reg.test(name)){
				alert("符合");
			}
		</script>

 

六、Global对象

1、特点:

是全部对象,这个Global封装的方法不需要对象就可以直接调用;

 

2、方法

encodeURI():编码;

decodeURI():解码;

encodeURIComponent():编码,编码的字符更多;

decodeURIComponent():解码,解码的字符更多;

parseInt():将字符串转为数字(将字符串的每个字符进行判断,直到不是数字为止,将之前的数字全部转换为number);

<script type="text/javascript">
			var a = "100你好";
			var num = parseInt(a);
			document.write(num);
		</script>
//输出结果是100

isNaN():判断一个值是否是NaN,NaN六亲不认,连自己都不认,NaN参与==比较的值全部都false;

<script type="text/javascript">
			var a = NaN;
			document.write(a == NaN);//返回的是false
			document.write(isNaN(a));//返回的是true
		</script>

eval():将JavaScript的字符串转换为代码来执行;

<script type="text/javascript">
			var a = "alert(123)";
			eval(a);
		</script>

 

3、URL编码

你好:%E4%BD%A0%E5%A5%BD

 

 

 

 

 

 

 

 

标签:E004Web,JavaScript,JS,对象,字符串,var,new,方法,reg
From: https://blog.51cto.com/u_13272819/6079075

相关文章

  • Javascript基础入门
    Javascript基础入门​ JavaScript,是一门能够运行在浏览器上的脚本语言.简称JS.首先,Javascript这个名字的由来就很有意思,不少人认为Javascript和Java貌似很像.容......
  • sqlserver、mysql、sqlite json类型数据查询及索引优化
     sqlserver:#querySELECTSalesOrderNumber,OrderDate,JSON_VALUE(Info,'$.Customer.Name')ASCustomerNameFROMSales.SalesOrderHeaderWHEREJSON_VA......
  • golang 解析json数据
       packagemainimport(jsoniter"github.com/json-iterator/go")funcString2Bytes(datastring)[]byte{return[]byte(data)}funcmain(){......
  • 前端JS for-in和for-of的区别
    forin遍历对象,返回的是对象的key; 遍历数组/字符串,返回的是数组的下标forof只能遍历的是数组遍历数组对象,返回单个对象;遍历数组元素/字符串,返回单个元素举例......
  • js继承
    什么是继承?继承建立在面向对象基础上的一种代码复用方式,子类通过继承来复用父类的代码1.原型链继承过程:访问对象时,如果对象私有属性中没有该属性,会去对象的构造函数的pr......
  • js事件循环机制
    宏任务:script、setTimeout、setInterval、setImmdiate、I/O、UIrendering微任务:promise、Object.observe、MutationObserver任务的优先级:process.nextTick>promise.th......
  • 深入解析 JavaScript 中 ES6 的 Generator 生成器
    前言大家好,我是CoderBin,本次将深入解析JavaScript中ES6的Generator生成器,希望对大家有所帮助,谢谢。如果文中有不对、疑惑的地方,欢迎在评论区留言指正......
  • js - 时间计算(相差月份)
     //不考虑日期,只考虑年和月functionIsGreaterThanM(start,end,m){conststartYear=start.getFullYear();constendYear......
  • js原型链污染详解
    前言之前打某湖论剑,两道js的题,给我整懵逼了,发现以前都没对js做过多少研究,趁着被毒打了,先研究一波js原型链,未雨绸缪。基础protype首先我们研究js原型链,得搞明白原型是什......
  • vue3 ThreeJS 引入obj模型过暗的问题
      当我单纯地用MTLLoader引入材质,OBJLoader引入模型并添加到场景中时, 发现模型非常得暗. 需要将环境光的强度设置到3.5左右看起来才比较正常. 但正常情况下环境光......