专栏首页会呼吸的CoderJavaScript 快速入门(一)

JavaScript 快速入门(一)

前言

Java 和JavaScript 虽然名称相似,但却有很大差别。JavaScript 是由Netscape 工程师Brendan Eich 于1995 年仅花10 天所设计的编程语言,也因为一些历史因素,JavaScript 成为被误解最深的编程语言。JavaScript 是一种解释性语言。其具备简单好上手、应用范围广泛,但精通不易等特性。过去一段时间JavaScript 一直被认为是玩具语言,难登大雅之堂。但随着版本的演进,再加上NodeJS 的出现,让JavaScript 由黑翻红成为编程语言的当红巨星,目前雄据在编程语言排行榜前几名,除了网页开发外,在许多的领域都可以看到JavaScript 的身影。本文将快速带领大家掌握JavaScript 重要且核心的观念。

环境搭建

JavaScript的代码只要使用一般的文字编辑器即可编辑(存成.js文件),也可以使用Sublime Text等编辑器进行开发,JSBin这个线上工具进行测试(当然你也可以使用Chrome、Firefox等浏览器的开发者工具)。除了编辑器外,实际开发上我们也会需要用到Node.js开发环境和NPM套件管理系统(按照Node.js官方指示即可安装)。Node.js是一个开放源码、跨平台的、可用于服务器端和网路应用的执行环境。

JavaScript 代码使用方式(HTML 中引入)

  1. 内嵌于<head></head>(因JS解释性程式语言,读到即会执行) <head> <script> alert(Hello JavaScript); </script> </head>
  2. 内嵌于<body></body>之中(可以让HTML优先载入) <body> <script> alert(Hello JavaScript); </script> </body>
  3. 外部引入文件置于<head><body>内(推荐使用) <script src="js/main.js"></script>

注意外部引入的<script></script>中不可再写JS。

变量

在编程语言中变量是一个暂时存储数据的地方,赋值给变量的值都会有对应的类型,然而JavaScript 是弱类型(Weak type)所以会有自动转型的情形。

在JavaScript中,全局变数将使用var,而在ES6中为了解决变量误用情形将block-scope的变量使用let,若你需要固定不变的常数则是使用const。其中变量类型又分为:Primitive Data Type:String、Number、Boolean( true或false)、undefinded、null,Reference Data Types:Object两种,差别在于将实体对象变量赋值给另外一个比纳凉时是把引用赋值给新变量,所以当新变量更改属性时会影响到原来对象属性。

Primitive Data Type:

var num = 12;
const str = 'Mark';

function checkLike() {
	let isActived = true;
}
console.log(num);
console.log(str);
console.log(isActived);

Reference Data Types:

let a = { name: 'Zuck' };
console.log(a);
let b = a;
b.name = 'Jack';
console.log(a);

运算符

在编程语言中都需要运算符,在JavaScript 中有赋值运算符、算数运算符、比较运算符、逻辑运算符等不同运算符。

  1. 赋值运算符:使用=给定值给变量 // Mark const name = 'Mark';
  2. 算数运算符:四则运算 // 4 const sum = 1 + 3;
  3. 比较运算符:数值比较 const age = 23; // true const canVote = age >= 20; // false const canVote = age < 20;
  4. 逻辑运算符:逻辑判断 const a = true; const b = true; const result1 = a && b; const result2 = a || b;

流程控制(flow control)

在JavaScript中和许多编程语言一样有if...elseswitch条件判断以及在处理数组上很常使用的循环(当有明确次数时使用for,当没有明确数字时使用while

另外要注意的是在JavaScript中的falsey值:undefinednullNaN0""(空字串)和false,以上几种情况在逻辑判断时会转换成false

  1. if…else // 可以投票 if(age > 20) { console.log('可以投票!'); }
  2. switch:当条件很多时可以善用switch 判断,记得要在每个case 后写break,不然会全部都执行 switch(grade) { case 'Taiwan': console.log('hello' + country); break; case 'Japan': console.log('hello' + country); break; case 'Korea': console.log('hello' + country); break; default: console.log('hello' + country); }
  3. for:当你知道代码需要重复执行几次时可以使用for 循环 const arr = ['Mark', 'Zuck', 'Jack']; for(let i = 0; i < arr.length; arrr++) { console.log(arr[i]); }
  4. while:当你程序不知道需要重复执行几次时可以使用while 循环 const num = 1; while(num <= 10) { let sum += num; // sum = sum + num num += 1; }
  5. do…while:当循环次数不明确时,可以使用while,而do while 会至少执行一次 let x = 0; while(x < 10) { console.log(x); x++; } let y = 0; do { console.log(y); y++; } while(i < 10);

本文分享自微信公众号 - 会呼吸的Coder(BreathCoder),作者:是灰灰呀s

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript 造就年薪超过 10 万美元的开发者们!

    曾经仅用 10 天开发而成的 JavaScript,在经历了近 30 年的迭代轮回中,终于成为了最受开发者喜爱的编程语言之一,而与之水涨船高的当然也包括了 Ja...

    会呼吸的Coder
  • Redis从入门到放弃(二)

    string是reids的最基本的类型 最大能存储 512M的数据 string类型是二进制的 可以存储任何数据 比如数字 图片 序列化对象等

    会呼吸的Coder
  • Redis从入门到放弃(一)

    C:\redis64-2.8.2101>redis-server redis.windows.conf

    会呼吸的Coder
  • Python入门基础连载(1)数据类型

    Python入门很简单,应该说语法还是很简单明了,有一定C或者java或者别的语言基础的亲们都能明白。大数据,机器学习大势所趋,乘着这风,大家一起学习Pytho...

    企鹅号小编
  • 架构整洁之道导读(四)第25章层次与边界-图 25.3 疑惑澄清

    最近收到读者反馈,《架构整洁之道》第 25 章“层次与边界”中,图 25.3 和解释这张图的一段文字的描述让人很费解。

    lambeta
  • JavaScript 为什么要有 Symbol 类型

    Symbols 是 ES6 引入了一个新的数据类型 ,它为 JS 带来了一些好处,尤其是对象属性时。 但是,它们能为我们做些字符串不能做的事情呢?

    前端小智@大迁世界
  • JavaScript 为什么要有 Symbol 类型?

    Symbols 是 ES6 引入了一个新的数据类型 ,它为 JS 带来了一些好处,尤其是对象属性时。 但是,它们能为我们做些字符串不能做的事情呢?

    Fundebug
  • 18 个 JavaScript 入门技巧!

    最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。

    前端小智@大迁世界
  • LeetCode 23. Merge k Sorted Lists

    此后,出堆。再进堆,没次出堆,都把 出堆的元素 在数组里的下一个元素 入堆。循环这种操作。

    ShenduCC
  • 一家「仿生」上瘾的机器人公司,比波士顿动力大67岁:Festo最新仿生雨燕问世

    虽然 100 多年前人类就已经借助飞机飞上了天空,但这种硬邦邦的飞行器总让人觉得不够灵活。因此,在飞机出现之后的很长一段时间里,人们一直致力于做出一款真正像鸟一...

    机器之心

扫码关注云+社区

领取腾讯云代金券