前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >盘点JavaScript中那些进阶操作知识(上篇)

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

作者头像
前端皮皮
发布2021-09-14 16:13:37
发布2021-09-14 16:13:37
25200
代码可运行
举报
运行总次数:0
代码可运行

前言

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

1.进阶操作

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

1).浏览器输入
代码语言:javascript
代码运行次数:0
运行
复制
prompt('请输入') 返回一个字符串变量
2).浏览器输出
代码语言:javascript
代码运行次数:0
运行
复制
document.write('我被输出了') 返回一个字符串
3).浏览器弹框
代码语言:javascript
代码运行次数:0
运行
复制
alert('我是弹框')  返回一个字符串
4).浏览器交互
代码语言:javascript
代码运行次数:0
运行
复制
confirm("是否进入"); 返回一个比尔类型的值
5).控制台打印结果
代码语言:javascript
代码运行次数:0
运行
复制
console.log('显示在控制台的结果')
6).类型检查
代码语言:javascript
代码运行次数:0
运行
复制
typeof ss
ss instanceof string
7).转换为字符串
代码语言:javascript
代码运行次数:0
运行
复制
var ff=123
ff.toString()
8).转换为数字
代码语言:javascript
代码运行次数:0
运行
复制
parseInt(‘231fasd’) -->231  isNumeric 用来判断是否是数字
parseInt('df',num) --> num介于2~36之间,若省略则为10,若‘0x’开头,则为16,若小于2或大于36则为NAN
parseFloat('10') -->无法转换为数字将返回NaN,可通过isNan来判断是否为NaN
9).转换为原始对象
代码语言:javascript
代码运行次数:0
运行
复制
var ff=123
ff.ValueOf()
10).编解码函数
1))字符串编解码
代码语言:javascript
代码运行次数:0
运行
复制
escape(string)    # 编码
unescape(string)   #解码
2))URL编解码
代码语言:javascript
代码运行次数:0
运行
复制
encodeURI(URIstring)  #编码
decodeURI(URIstring)  #解码
encodeURIComponent(URIstring)   #把字符串编码为 URI 组件
decodeURIComponent(URIstring)   #解码一个编码的 URI 组件
11).Eval

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

代码语言:javascript
代码运行次数:0
运行
复制
eval("alert('fasd')")
12).Call

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

代码语言:javascript
代码运行次数:0
运行
复制
function ss(a,b) {
    alert(a + this.val + b);
};
var o= new Object();
o.val = "123";
ss.call(o, "I am", "years old.");

output:
I am 123 years old
13).Apply

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

代码语言:javascript
代码运行次数:0
运行
复制
function ss(a,b) {
    alert(a + this.val + b);
};
var o= new Object();
o.val = "123";
ss.apply(o, new Array("I am", "years old"));
14).Caller

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

代码语言:javascript
代码运行次数:0
运行
复制
function aa() {
    if (aa.caller) {
       console.log(aa.caller);   
    } else {
        console.log("111");
     }
}
aa()
output: 111
15).Callee

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

代码语言:javascript
代码运行次数:0
运行
复制
function ff(x){
    if(x==1)
{
        return 1;
}
    else{
        return x+arguments.callee(x-1)
}
}
ff(3);
output:6

总结

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-08-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 IT共享之家 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • 1.进阶操作
      • 1).浏览器输入
      • 2).浏览器输出
      • 3).浏览器弹框
      • 4).浏览器交互
      • 5).控制台打印结果
      • 6).类型检查
      • 7).转换为字符串
      • 8).转换为数字
      • 9).转换为原始对象
      • 10).编解码函数
      • 11).Eval
      • 12).Call
      • 13).Apply
      • 14).Caller
      • 15).Callee
    • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档