js简单好用小技巧

沈末尼

已于 2022-03-04 10:58:56 修改

阅读量449

点赞数

文章标签： javascript

于 2021-03-05 14:53:07 首次发布

本文链接：https://blog.csdn.net/qq_42344946/article/details/114396563

版权

1、返回值与运算符

2、三元运算符

3、url编码与解码

编码：escape（对字符串）、encodeURI和encodeURIComponent

中文参数

解码 unescape\ decodeURI、decodeURIComponent

1、返回值与运算符

js 里面 true && a ，总是返回a，若false && a，返回false
true || a，返回 true ，false || a 返回 a
'' ?? a 返回 ‘’，null ?? a 返回a
return a,b 返回最后一个b

2、三元运算符

可以这样一直套下去，从上往下走

hour < 8
  ? '早上好'
  : hour <= 11
  ? '上午好'
  : hour <= 13
  ? '中午好'
  : hour < 18
  ? '下午好'
  : '晚上好'

3、url编码与解码

编码：escape（对字符串）、encodeURI和encodeURIComponent

1、如果只是编码字符串，不和URL有半毛钱关系，那么用escape，而且这个方法一般不会用到。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ，这几个字符不会被编码，其余的都会。最关键的是，当你需要对URL编码时，请忘记这个方法，这个方法是针对字符串使用的，不适用于URL。

2、如果你需要编码整个URL，然后需要使用这个URL，那么用encodeURI。
3、当你需要编码URL中的参数的时候，那么encodeURIComponent是最好方法。

encodeURI和encodeURIComponent都是编码URL，唯一区别就是编码的字符范围，其中

编码格式	encodeURI	encodeURIComponent
编码	*不会对下列字符编码 ASCII字母、数字、~!@#$&()=:/,;?+'**	*不会对下列字符编码 ASCII字母、数字、~!()**
应用场景	编码整个URL	编码URL中的参数
对整个url编码后		会将http://XXX中的//也编码，会导致URL不可用
url参数有中文	编码整个URL，两次编码，否则有可能不会生效	只对参数编码用

(其实java中的URLEncoder.encode(str,char)也类似于这个方法，会导致URL不可用)

中文参数

URL中文参数两次编码得到正确结果(一次编码不能得到正确结果)

var url = 
encodeURI(encodeURI("https://fanyi.baidu.com/#zh/en/钉钉"));

console.log(url);
window.open(url);

总结:

1、表单get方法提交一次编码就可以

2、如果只对参数编码用encodeURIComponent编码就可以，当然用 encodeURI也可以，如果不生效可以用两次编码。

3、如果是对整个URL进行编码最好用encodeURI，而且是两次编码，否则有可能不会生效。

4、判断是否生效只需要看带到后台的参数是否是编码后的格式，或者url的地址是否是编码之后的。

解码 unescape\ decodeURI、decodeURIComponent

对应上面编码即可

4、在浏览器中使用jquery

var jquery = document.createElement('script');  
jquery.src = 'https://code.jquery.com/jquery-3.3.1.min.js';
document.getElementsByTagName('head')[0].appendChild(jquery);

5、类型判断等

1、类型判断

`instanceof`

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

//语法

object instanceof constructor


//string
var str= "string"; 
var newStr1= new String();
var newStr2    = new String("string");

    str    instanceof String; // 返回 false, not a String
    str    instanceof Object; // 返回 false,  not an Object

newStr1    instanceof String; // 返回 true
newStr1    instanceof Date; // 返回 false
newStr1    instanceof Object; // 返回 true

newStr2    instanceof String; // 返回 true
newStr2    instanceof Object; // 返回 true



 //obj
var obj     = {};
var objnull  = Object.create(null);
    obj    instanceof Object;    // 返回 true, 尽管原型没有定义
    ({})   instanceof Object;    // 返回 true, 同上
  objnull  instanceof Object; // 返回 false, 一种创建非 Object 实例的对象的方法
 

 //data

var date    = new Date();
obj     instanceof Date;     // 返回 true
obj     instanceof Object;   // 返回 true
obj     instanceof String;   // 返回 false