美文网首页
前端学习笔记_JS基础(1)

前端学习笔记_JS基础(1)

作者: 质真如渝 | 来源:发表于2016-01-12 01:58 被阅读38次

JS的代码是一行一行执行的,JS中一切皆对象。

变量提升

console.log( a );  //undefined
var a = 10;
console.log( a );  //10

由此可见,a被预处理到了最前面,变量提升只对var命令声明的变量有效,否则就会报错。

JS注释

// 单行注释

/*
*   多行注释
*/ 

和文档注释

/**
* 
* @method 求和
* @param  {Number} 是一个数字
* @param  {Number} 另一个数字
* @return {Number} 两个数之和
*/
function add(a,b){
    return a + b;
};

JS的数据类型

基本类型
  • String

      var a = "cjj  IS my Best Friend";
    

String常见方法

  console.log( String.fromCharCode(20013,65,97) );  
  console.log( a.toUpperCase() ); 
  console.log( a.toLowerCase() );  
  console.log( a.replace('cjj', 'cdd')  ); 
  console.log( a.substr(1,3) );  //substr(start, length)   
  console.log( a.substring(1,3) );  //substring(start,end-1),substring不支持负值 
  console.log( a.slice(1,3) );   //slice(start,end-1)
  console.log( a.indexOf('m') );  
  console.log( a.lastIndexOf('m') );
  • Number

    var b = 100;
    console.log( 0.1 + 0.2 ); //0.30000000000000004      浮点数不精确
    

Number类型中,NaN不等于NaN。如何判断NaN:

  if(!Number.isNaN){
        Number.isNaN = function(n){
            return (
                typeof n === 'number' &&  window.isNaN(n)
            );
        };
  };
  • Boolean

    console.log( Boolean(0)  ); //false
    
  • Null

    var a = null;
    
  • Undefined

    var c;
    console.log( c );  
    
引用类型
  • Array

    var arr = [];
    
  • Function

    function add(){};
    
  • Object

    var obj = {};
    

JS中数组[] null都是Object类型。

如何判断数据类型
  console.log( typeof aaa );    //undefined
  console.log( typeof "foo" );  //String
  console.log( typeof 123 );  //Number
  console.log( typeof true );  //Boolean
  console.log( typeof { a : 1 });   //Object
  console.log( typeof function(){} ); //Function 
  console.log( typeof null );       //Object 
  console.log( typeof [1,2,3] );    //Object

由此可见,typeof 并不能准确判断类型,如何解决呢?使用Object.prototype.toString

相关文章

  • 前端学习笔记_JS基础(1)

    JS的代码是一行一行执行的,JS中一切皆对象。 变量提升 由此可见,a被预处理到了最前面,变量提升只对var命令声...

  • 前端相关大杂烩

    前端基础面试题(JS部分) 前端基础面试题(JS部分)学习 React.js 比你想象的要简单 原文地址:Lear...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • JS基础复习与面试题讲解(一)

    本文是我在学习了慕课视频教程之后总结的学习笔记,以前端面试常见考题为方向复习JS。笔记一共分为四部分:1、基础知识...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 前端测试

    目录 目录 1. 前端基础1.1 布局1.1.1 grid布局 2. Vue 学习笔记2.1 Vue模板创建 前端...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • JavaScript基础,基础

    原javaScript学习笔记(一)js基础 一、简介 1、概述: JavaScript是目前web开发中不可缺少...

  • JavaScript常用方法小总结

    JavaScript可以说是前端的基础了,对后面框架的学习和深入发展都是很关键的,需要打好基础。 1、使用js实现...

  • js基本功01

    前端基本功—js 第1天 [if !supportLists]1.1[endif]课程介绍 前6天js的基础语法(...

网友评论

      本文标题:前端学习笔记_JS基础(1)

      本文链接:https://www.haomeiwen.com/subject/rxtckttx.html