【相關學習推薦：javascript視頻教程】
廢話不多話，在本文中，列出了一些比較常用或者實用的的 javascript 代碼片段，希望對你們有所幫助。
1.三元運算符
let somethingtrue = trueif(somethingtrue){ handletrue()}else{ handlefalse()} 以下是簡短版本 let somethingtrue = truesomethingtrue ? handletrue() : handlefalse()復制代碼2.短路或運算
const defaultvalue = "somedefaultvalue"let somevaluenotsureofitsexistance = nulllet expectingsomevalue = somevaluenotsureofitsexistance || defaultvalueconsole.log(expectingsomevalue) // somedefaultvalue復制代碼3. 條件成立
let somevalue = trueif (somevalue) { console.log('條件成立!')}復制代碼4. for 循環
for (let i = 0; i < 1e2; i ) { // 代替 i<100 是不是有點酷}復制代碼let somevalues = [1, 2, 4]for (let val in somevalues) { console.log(val)}let obj = { 'key1': 'value1', 'key2': 'value2', 'key3': 'value3'}for (let key in obj) { console.log(key)}復制代碼5. 值到對象的映射
let x='x',y='y'let obj = {x,y}console.log(obj) // {x: "x", y: "y"}復制代碼6. object.entries()
const credits = { producer: '大遷世界', name: '前端小智', rating: 9}const arr = object.entries(credits)console.log(arr)* 輸出 *[ [ 'producer', '大遷世界' ], [ 'name', '前端小智' ], [ 'rating', 9 ] ]復制代碼7. object.values()
const credits = { producer: '大遷世界', name: '前端小智', rating: 9}const arr = object.values(credits)console.log(arr)* 輸出 *[ '大遷世界', '前端小智', 9 ]復制代碼8. 模板字面量
let name = '前端小智'let age = 20var somestringconcatenatesomevariable = `我是 ${name}，今年 ${age} 歲`console.log(somestringconcatenatesomevariable)復制代碼9. 解構賦值
import { observable, action, runinaction } from 'mobx';復制代碼10.多行字符串
let multilinestring = `some string\\\\nwith multi-line of\\\\ncharacters\\\\n`console.log(multilinestring)復制代碼11.array.find 簡寫
const pets = [{ type: 'dog', name: 'max' }, { type: 'cat', name: 'karl' }, { type: 'dog', name: 'tommy' }]pet = pets.find(pet => pet.type === 'dog' && pet.name === 'tommy')console.log(pet) // { type: 'dog', name: 'tommy' }復制代碼12.默認參數值
早期的做法
function area(h, w) { if (!h) { h = 1; } if (!w) { w = 1; } return h * w}復制代碼es6 以后的做法
function area(h = 1, w = 1) { return h * w}復制代碼13.箭頭函數的簡寫
let sayhello = (name) => { return `你好，${name}`}console.log(sayhello('前端小智'))復制代碼簡寫如下：
let sayhello = name => `你好，${name}`console.log(sayhello('前端小智'))復制代碼14.隱式返回
let somefuncthatreturnsomevalue = (value) => { return value value}console.log(somefuncthatreturnsomevalue('前端小智'))復制代碼簡寫如下：
let somefuncthatreturnsomevalue = (value) => ( value value)console.log(somefuncthatreturnsomevalue('前端小智'))復制代碼15.函數必須有參數值
function musthavepatammethod(param) { if (param === undefined) { throw new error('hey you must put some param!'); } return param;}復制代碼以像這樣重寫:
musthavecheck = () => { throw new error('missing parameter!')}methodshoudhaveparam = (param = musthavecheck()) => { return param}復制代碼16.charat() 簡寫
'samplestring'.charat(0) // s// 簡寫'samplestring'[0]復制代碼17.有條件的函數調用
function fn1() { console.log('i am function 1')}function fn2() { console.log('i am function 2')}/*長的寫法*/let checkvalue = 3;if (checkvalue === 3) { fn1()} else { fn2()}復制代碼簡短的寫法：
(checkvalue === 3 ? fn1 : fn2)()復制代碼17.math.floor 簡寫
let val = '123.95'console.log(math.floor(val)) // 常規寫法console.log(~~val) // 簡寫復制代碼18.math.pow 簡寫
math.pow(2, 3) // 8// 簡寫2 3 // 8復制代碼19.將字符串轉換為數字
const num1 = parseint('100')// 簡寫console.log( "100")console.log( "100.2")復制代碼20.&& 運算
let value = 1;if (value === 1) console.log('value is one')//or in short value && console.log(

阿里云服務器開啟鏡像
請問是哪里不符哪里需要修改才能通過驗證備案類型
阿里云服務器ecs搭建svn
域名提到的非法文件昨天下午就刪了
競價推廣成本高!做seo網站推廣有什么優勢?
網站被攻擊了現在打不開了
買阿里云服務器做什么的
云服務器 租借