盘点JavaScript中那些进阶操作知识(上篇)

开发 前端
相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。

[[419582]]

前言

相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。

1.进阶操作

这里列举了一些小编以前经常用到的一些例子以及一些经验,由于篇幅受限,这里我将会把部分执行结果的输出直接输入到代码下面。

1).浏览器输入

  1. prompt('请输入') 返回一个字符串变量 

2).浏览器输出

  1. document.write('我被输出了') 返回一个字符串 

3).浏览器弹框

  1. alert('我是弹框')  返回一个字符串 

4).浏览器交互

  1. confirm("是否进入"); 返回一个比尔类型的值 

5).控制台打印结果

  1. console.log('显示在控制台的结果'

6).类型检查

  1. typeof ss 
  2. ss instanceof string 

7).转换为字符串

  1. var ff=123 
  2. ff.toString() 

8).转换为数字

  1. parseInt(‘231fasd’) -->231  isNumeric 用来判断是否是数字 
  2. parseInt('df',num) --> num介于2~36之间,若省略则为10,若‘0x’开头,则为16,若小于2或大于36则为NAN 
  3. parseFloat('10'-->无法转换为数字将返回NaN,可通过isNan来判断是否为NaN 

9).转换为原始对象

  1. var ff=123 
  2. ff.ValueOf() 

10).编解码函数

1))字符串编解码

  1. escape(string)    # 编码 
  2. unescape(string)   #解码 

2))URL编解码

  1. encodeURI(URIstring)  #编码 
  2. decodeURI(URIstring)  #解码 
  3. encodeURIComponent(URIstring)   #把字符串编码为 URI 组件 
  4. decodeURIComponent(URIstring)   #解码一个编码的 URI 组件 

11).Eval

可把里面的字符串当做Js代码来执行,犹如Python中的Eval。

  1. eval("alert('fasd')"

12).Call

能够使用属于另一个对象的方法,可传多个参数,是经典的对象冒充方法。

  1. function ss(a,b) { 
  2.     alert(a + this.val + b); 
  3. }; 
  4. var o= new Object(); 
  5. o.val = "123"
  6. ss.call(o, "I am""years old."); 
  7.  
  8. output
  9. I am 123 years old 

13).Apply

与Call差不多,前面是对象但是它后面的参数是一个数组。

  1. function ss(a,b) { 
  2.     alert(a + this.val + b); 
  3. }; 
  4. var o= new Object(); 
  5. o.val = "123"
  6. ss.apply(o, new Array("I am""years old")); 

14).Caller

返回一个对函数的引用,该函数调用了当前函数,caller 属性只有在函数执行时才有定义。

  1. function aa() { 
  2.     if (aa.caller) { 
  3.        console.log(aa.caller);    
  4.     } else { 
  5.         console.log("111"); 
  6.      } 
  7. aa() 
  8. output: 111 

15).Callee

返回正被执行的 Function 对象,表示对函数对象本身的引用,一般用在递归。

  1. function ff(x){ 
  2.     if(x==1) 
  3.         return 1; 
  4.     else
  5.         return x+arguments.callee(x-1) 
  6. ff(3); 
  7. output:6 

总结

这篇文章主要介绍了JavaScript的进阶操作知识。下一篇文章,我们继续介绍JavaScript,敬请期待!

 

责任编辑:姜华 来源: IT共享之家
相关推荐

2021-08-30 10:25:48

JavaScript进阶操作前端

2021-06-15 10:01:27

JavaScript数组遍历Entries

2021-07-20 10:26:12

JavaScriptasyncawait

2021-06-26 10:03:35

Python框架Flask

2021-04-12 10:02:02

JavaList集合

2024-08-02 15:04:14

JavaScript服务器

2024-06-25 12:52:40

JavaScript开发

2023-01-31 16:35:34

JavaScript测试框架

2021-08-03 10:01:37

JavaScript事件方法

2010-04-19 17:39:50

Unix操作系统

2017-07-19 14:26:01

前端JavaScriptDOM

2017-02-20 23:05:14

JavaScript

2010-04-19 11:26:52

Unix操作系统

2024-06-18 10:28:46

2021-07-26 05:20:47

JavaScript解构赋值数组解构

2024-07-17 11:35:31

JavaScript解构赋值

2024-09-10 15:34:18

JavaScript解构赋值

2011-08-15 10:35:43

iPhone开发Atomicnonatomic

2021-09-04 07:56:44

Pythonos模块

2019-05-28 10:28:52

物联网操作系统IOT
点赞
收藏

51CTO技术栈公众号