JS基礎文法

7110 ワード

変数#ヘンスウ#ES3
var a = 12
a = 13  //      13

var a = 12  //13
var a = 13  //13
ES6
let b = 100;
b =200; //     200

let b = 100;
let b = 200; //               c

const c = 1000;
c = 2000;  //            
//            
function fn(){}

//   (class)        
class A{}

//es6            
import B from './B.js'


ES 6 Symbol一意値
//symbol    
let n = Symbol(100)
let m = Symbol(100)
n == m //flase

jsネーミング仕様
1.大文字と小文字を厳密に区別する2.数字、アルファベット、下線、$を使用して、 を先頭にすることはできません.
 let $box; //=>    JQ    $   
 let _box; //=>         _  
 let 2box; //=>          box1

3.アルパカの命名法:頭文字は小文字で、残りの意味のある単語の頭文字はすべて大文字でなければならない(命名はできるだけ意味化が明らかで、英語の単語を使う)
常用略語: add/insert/create/new(新規)update(修正)delete/del/remove/rm(削除)sel/select/query/get(クエリー)info情報itemプロジェクトactive積極的...
データ型
基本データ型
  • Number数値
  • NaN
  • 通常数字
  • String文字列
  • Null空
  • undefined未定義
  • booleanブール
  • 参照データ型
  • オブジェクトobject
  • {}一般オブジェクト
  • []配列オブジェクト
  • /^s/正規オブジェクト
  • Math数学関数オブジェクト
  • data日付オブジェクト
  • 関数function
  • 関数#カンスウ#
    関数はメソッドまたは機能体です
    関数は,ある機能を実現するコードを一緒にカプセル化する. ページの冗長コードを削減し、コードの重複使用率を向上させる(低結合高集約)
    //=> ES5    
    function [   ]([    1],....){
    
      //     js       
      
      return [      ]
    }
    
    [   ]([    1],....);
    

    関数の戻り値
    関数が実行されるとき、関数体の内部に作成された変数は取得および操作できません.内部情報を取得するには、returnの戻り値メカニズムに基づいて、情報を返す必要があります.
    //       
        function sum(n,m){
    
            let res = n + m
            
            return res;
            
        }
    
        let ckzf = sum(10,20)
        console.log(ckzf) //30
    
    

    匿名関数
    //      
    document.body.onclick=function(){}
    
    //     
    setTimeout(function(){},1000)
    
    //       ,         
    (function(n){
    
    })(100)