前端知识点:原生一

1. js六大数据类型

null并非typeof出来的类型,不过由于null不可再分,所以将其归于基本数据类型之中。

typeof类型:

                undefined、

                boolean、

                 string、

                number、

                object、

                  function

以下是根据ECMAScript标准的数据类型分类

基本数据类型

Number    数字

String    字符串

Boolean  布尔

Undefined 未定义

Null 空对象

Symbol  独一无二的值(ES6新增)

复杂数据类型

Object    对象(可拆分为多种数据类型)


2. 数据类型补充

null空对象 -> 数据类型(object)

NaN 非数字 -> 数据类型(number)

NaN和任何数据类型都不相等,包括自己


3. 数字相关判断方法

是否是数字

isNaN() 非数字->true  数字->false

是否是整数

if(num == parseInt(num))

4. 变量

    全局变量

    局部变量

     闭包

子函数可以使用父函数的全局变量

变量的遮蔽

全局变量和局部变量同名

就近原则->在函数里优先使用自己的变量


5. 运算符

 算术运算符

 比较运算符

== -> !=    === -> !==

赋值运算符

逻辑运算符


6. 常见变量命名前缀

前缀全称含义示例

o      object       一个对象,一个元素          oDiv

a       array         一组元素                              aLi

s       string          字符串                                sUserName

i        integer         整数                                  iCount

f         float             浮点数                                fPrice

b       boolean       布尔                                    bOk

fn      function        函数                                  fnSucc

re       RegExp       正则                                reMailCheck


7. 字符串转化为数字

parseInt()

       从左往右开始找,找到第一个非数字(包含小数点)就停止,如果第一个数不是数字,则返回NaN

       eg: '12.5' -> 12    '12abc' -> 12    'abc' -> NaN

parseFloat()

       从左往右开始找,找到第一个非数字(不包含小数点)就停止,如果第一个数不是数字,则返回NaN

     eg: '12.5' -> 12.5    '12abc' -> 12    'abc' -> NaN

Number()

        既能处理整数,也能处理小数,但只能处理数字

       eg: '12.5' -> 12.5    '12' -> 12        '12abc' -> NaN    'abc' -> NaN

 例子:<script>

     parseFloat("1")  //1

     parseFloat("1s")  //1

    parseFloat(null)  //NaN

parseFloat(undefined)  //NaN

parseFloat("")//NaN

Number("1")//1

Number("1s")//NaN

Number(null)//0 -> Number将非数字转换为了0

Number(undefined)//NaN

Number("")//0 -> Number将非数字转换为了0

</script>


parseFloat("1")//1parseFloat("1s")//1parseFloat(null)//NaNparseFloat(undefined)//NaNparseFloat("")//NaNNumber("1")//1Number("1s")//NaNNumber(null)//0 -> Number将非数字转换为了0Number(undefined)//NaNNumber("")//0 -> Number将非数字转换为了0

// jquery解决Number问题// isNumeric: function(obj) {//    return !jQuery.isArray(obj) && (obj - parseFloat(obj) + 1) >= 0;// }$.isNumeric("1")//true$.isNumeric("1s")//false$.isNumeric(null)//false$.isNumeric(undefined)//false$.isNumeric("")//false

8. 数字转化为字符串

number + ''

eg:12 + '' -> '12'


9. if语句变形

条件 && 语句; (条件为真时执行)

条件 || 语句; (条件为假时执行)

三目运算  条件? 语句1: 语句2;


10.js事件的笼统概念

  js:修改样式

事件:用户的操作

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容