JavaScript
文章平均质量分 64
inspire121416
这个作者很懒,什么都没留下…
展开
-
JavaScript中的设计模式
在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sketches_for_jsdesigners</title></head><body><script>/*********************************************************原创 2021-05-26 21:00:53 · 121 阅读 · 1 评论 -
JavaScript与TypeScript
JavaScript与TypeScript 6 中都有类和对象的概念,最终会编译成JavaScript 5的形式,算是一种语法糖吧。class Car {// 字段engine:string;// 构造函数 constructor(engine:string) { this.engine = engine } // 方法 disp():void { console.log("发动机为 : "+this.engine) } }编译以上代码,得到以下 Java原创 2021-01-22 14:26:10 · 202 阅读 · 0 评论 -
JavaScript代码中的坑
1 for循环中定义循环变量,不要使用var,尽量用letfor(var i=0; i<3; i++){ alert(i) //3 3 3}for(leti=0; i<3; i++){ alert(i) //0 1 2}这是一个不容易发现的巨坑,原因是var声明的变量都是全局的(无论它在哪里声明变量),这必然会污染全局变量。for循环中的语句一旦涉及到循环变量,一定会出错。...原创 2021-01-07 20:31:54 · 608 阅读 · 4 评论 -
用IDEA写VUE项目的一些小建议
最近用idea写VUE项目,在写组件的时候,我发现报错率是真的高,一个空格都能给你挑出来,双引号和单引号的问题也能给你挑出来。<script> export default { name: 'Container', data () { return { msg: '你好世界' } } }</script>比如上面这个export default这样写就报错,必须下面这样,<script原创 2020-11-11 14:42:16 · 710 阅读 · 0 评论 -
JavaScript让嵌套的内层函数执行的三种方法
/*function A(){ function B(){ function C(){ console.log("1") } return C() } return B()}A();*//*function A(){ function B(){ function C(){ console.log("1") } retur...原创 2020-11-08 16:43:47 · 775 阅读 · 0 评论 -
JavaScript写代码要规范
/*var foo = 2;test();function test(){ foo = 5; //覆盖了全局的foo}console.log(foo);//5*//*var foo = 2;test();function test(){ function foo(){} //声明了一个局部foo foo = 5; //所以这里的foo不会覆盖全局的foo}console.log(foo);//2*/...原创 2020-11-08 16:16:38 · 80 阅读 · 0 评论 -
JavaScript普通函数与箭头函数的this指针绑定问题
//radius = 5; 或者this.radius = 5; //即window.radiusconst shape = { radius:10, diameter(){ console.log(this.radius);//动态绑定,此例中是shape.radius }, perimeter:()=>{ console.log(this.radius)//静态绑定,此例中是window.radius }}shape...原创 2020-11-08 13:54:33 · 250 阅读 · 0 评论 -
JavaScript匿名函数封装局部变量
(function(window){ var info={ getInfo:function(){ alert("you are a good boy!"); }, getOff:function(){ alert("off"); } } window.info=info;//对外的接口})(window);//调用:info.get...原创 2020-11-01 09:37:41 · 170 阅读 · 0 评论 -
JavaScript箭头函数和普通函数this指针比较
var obj = { val:1, show:function(){ console.log(this.val); }, outFunc:function(){ function innerFunc(){ console.log(this) } innerFunc(); }}obj.show();obj.outFunc();// 1 windowvar obj = ...原创 2020-11-01 09:13:29 · 149 阅读 · 0 评论 -
JavaScript的for循环中用setTimeout函数
for(var i=1;i<=5;i++){ setTimeout(function(){ console.log(i); },i*1000);}//6 6 6 6 6for( i=1;i<=5;i++){ setTimeout(function(){ console.log(i); },i*1000);}//6 6 6 6 6for(let i=1;i<=5;i++){ setTimeout(func...原创 2020-10-31 23:54:52 · 277 阅读 · 0 评论 -
JavaScript里面的var 和 let
var foo_1 = 1;var foo_2 = 2;var foo_3 = 3;let foo_4 = 4;let foo_5 = 5;let foo_6 = 6; foo_7 = 7; foo_8 = 8; foo_9 = 9;function test(){ var foo_1 = 11; let foo_2 = 12; foo_3 = 13; let foo_4 = 14; var foo_5 = 15;...原创 2020-10-31 14:22:29 · 109 阅读 · 0 评论 -
遍历对象的所有属性,输出属性名
var o = { p:'hello world', q: (function (){ console.log('q'); }), a:1, b:2, c:3};for(var i in o){ console.log([i]);}原创 2020-10-30 21:52:02 · 598 阅读 · 0 评论 -
JavaScript引用的改变殃及本体
var o1 = { a : 6, b : 6};var o2 = o1;o2.a = 2;o2.b = 2console.log(o1.a);console.log(o1.b);console.log(o2.a);console.log(o2.b);原创 2020-10-30 21:22:20 · 71 阅读 · 0 评论 -
this指针绑定
var o = { age:12, say:function(){ function callback(){ return this; } func(callback); }};function func(callback){ var name = "xiaoming"; console.log(name + " is " + callback() + " years old.");}o...原创 2020-10-30 20:35:41 · 75 阅读 · 0 评论 -
javascript代码执行顺序
function Fn1(){ this.a = 1; setTimeout(function(){ console.log(this) },10)};var fn3 = new Fn1;function Fn2(){ this.a = 1; setTimeout( () => { console.log(this) },10)};var fn4 = new Fn2;function foo(){ ((...原创 2020-10-30 20:24:20 · 120 阅读 · 0 评论 -
箭头函数相关
function Fn1(){ this.a = 1; setTimeout(function(){ console.log(this) },10)};var fn3 = new Fn1;function Fn2(){ this.a = 1; setTimeout( () => { console.log(this) },10)};var fn4 = new Fn2;function foo(){...原创 2020-10-30 20:05:31 · 84 阅读 · 0 评论 -
javascript中的一个题目(提升机制、匿名函数、this指针、局部变量与全局变量)
这段代码是我偶然写的,运行结果与我的期望相差甚远,想了很久,才搞懂。求推广,感觉自己说不清原理,请大神附解析。var foo1 = 2;test1();function test1(){ foo1 = 5; (function foo1(){ console.log(1); })();}console.log(foo1);结果是1 和5 。...原创 2020-10-24 16:22:44 · 60 阅读 · 0 评论