在学js之前，我们应该先清楚js是什么，js全称JavaScript。是一门基于对象和事件的，有安全性的脚本语言。所谓脚本语言，就是一行一行执行的，就像剧本一样，一句句的往下读。而对象和事件，则是js自带的一些功能。Js也有很多特点，比如解释执行，就是当需要执行的时候才去检查代码是否符合语法规范，一行一行的执行。同时，js也是基于对象的，这里的对象主要是指js的内置对象。

　　好了，无聊的概念就到这了。说实在的，我刚学js的时候，看到这些东西就觉得很头大，这都什么跟什么啊，什么脚本语言啊，作为大学打一天到晚在打游戏的我来说，脚本不是外挂吗。不过，学到后来我发现，的确，js对于网页而言，真的跟外挂一样，尤其是学到了DOM之后，js不就是像在开挂一样的修改着html中的内容吗。好了，有点偏离主题了。接下来就说一说一些入门级的js内容。

　　在我刚刚学js的时候，第一个学的就是五种输出方式，

alert();

document.write();

console.log();

confirm();

prompt();

　　首先就是alert();说实在的，要我翻译alert的话我可能还要去查下字典，不过很多时候，在js中，你并不需要很清楚一个单词怎么翻译，重点是要记住他的功能，alert();是用来弹出一个提示框，在括号中可以填写弹出框中要显示的内容。比如alert(“Hello World”);在google中打开是这样的，

　　然后是document.write();它的用处是在页面中输出一句话，跟alert();一样，它的内容也是写在括号中的。比如document.write("啦啦啦");在页面中就是这样的。

　　同样的，console.log()的用法也是一样的，只是输出的时候是在控制台中，就是在打开浏览器的时候按f12，就能跳出控制台了，如果是谷歌浏览器的话，直接点击最上面的console就能看到了。比如输入console.log("招人啦");就会在控制台输出。

　　confirm();的用处是弹出一个确认框，confirm跟alert很像，不同的是他有一个一个取消的按钮，而且会返回一个boolean值。

　　最后剩下一个prompt();它的用处是用来弹出一个能让用户输入的框，并且返回用户输入的值。

　　我知道，第一次看见这五个东西的时候肯定有点蒙。因为...完全不知道这些东西有什么用处啊！！！说实在的，我也觉得这几个东西对于用户来说，的确是没有什么用处了，因为我们平时上网的时候，除了能看到过一些弹出框之外，基本上就没有看到过其他的东西了。很可惜，我们已经不单单是个用户了，我们是要成为那万人敬仰的程序猿，攻城狮的人。所以，这些东西对我们来说，用的很多，也很有用，不过，这几个根本不用去背，因为在后面的学习和开发中，我们会大量的用到这些东西。

　　看到这，如果你想去尝试代码的话，你可能会遇到一个问题，就是这些代码要写到哪。是的，我一开始学的时候就是学了这五种输出方式，根本就没有看到代码要写哪，所以，我开始往前翻...。因为，我学的时候看见书前面写的都是介绍JavaScript的历史，就直接跳过了...好吧，吸取教训，看书要从头开始看。

　　关于js的历史我就不多赘述了，最为理科生的我来说，这些东西不应该出现在我的文章里面。

　　好了，现在讲讲这些代码要写在哪里，现在的开发中，都是提倡结构跟样式分离的，所以在实际开发中，js代码都是写在单独的js文件里的，然后在html中用<script>标签通过src的属性引入进来的。

　　不过在我们自己在做代码练习的时候，都是直接写在html中的，js的代码都是写在<script>标签中的。

　　其次是<script>标签要放置的位置，正常情况下，我们都把<script>标签放在<head>标签中。当然，放在body标签中也不会出错，只是不提倡这种做法，因为，这样放就会让页面结构混乱，如果你的html页面已经写好了，并且用了很多标签，这时候你把script标签放在里面，到时候找起来就有你哭的时候了。

学完了这些之后，就应该学学变量了。

　　简单来说，变量就是容器，容器里装着数据。对于刚刚入门的人来说，了解到这个程度就足够了，到了后面我们会知道变量真正来说存储的是指向存储数据的位置。如果能理解这句话是最好的，但如果不能理解，也没有什么关系。

知道了变量是什么后，要了解变量的命名规范，变量的命名规范有五点：

1 取值的范围：字母、数字、下划线、$

2 不能使用数字开头

3 不推荐用中文命名，推荐使用有意义的单词命名

4 严格区分大小写

5 不能使用保留字和关键字

看完第五点你肯定很好奇什么是保留字和关键字：

关键字：有特殊功用的单词就叫做关键字；

保留字：关键字的候补队员，现在还不是关键字，将来有可能成为关键字；

然后具体的是哪些呢？下面这些都是。

　　是不是看见这些都要疯了，难道都要背下来吗，怎么可能，作为一个理科生，这不是要我命吗，说实在的，其实根本都不用担心第五种这样的情况，因为你命名的时候基本上是不会想到这些的。你只要大概眼熟一下这些单词就足够了。

　　其次，就是如果定义变量。

　　JavaScript是弱语言类型的，什么叫弱语言类型呢？就变量来说，就是在定义变量的时候，不考虑变量是什么数据类型的。所以在JavaScript中，变量都是用var关键字定义的。

比如要定义一个叫num的变量，我们就可以写成；

var num;

　　定义好了变量，就要给变量赋值，在赋值的时候，就不得不提一下数据类型了，JavaScript中，数据类型分为简单类型跟复杂类型，这里我就提一下简单类型，简单类型分五种，int，string，boolean，null跟underfined。在给变量赋值的时候，主要是赋值的类型是前三种，就是int，string和boolean。这三种分别是数字类型，字符串类型跟布尔类型。数字类型就包括所有的数字，整数、小数、正数、负数。用双引号或者单引号包起来的都是字符串类型。而布尔类型表示的是条件是否成立，他只有两个值：true和false。所以变量的赋值就可以这么写：

　　var num=123;

　　var name=”Hello World”;

　　var flag=true;

　　到这里，变量的基础基本上就完成了。

JS入门（一）的更多相关文章

  1. 1. web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  2. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  3. Ember.js入门教程、博文汇总

    第一章 对象模型 Ember.js 入门指南——类的定义.初始化.继承 Ember.js 入门指南——类的扩展(reopen) Ember.js 入门指南——计算属性(compute properti ...

  4. JS入门之ActiveXObject对象（转载）

    JS入门之ActiveXObject对象   此对象提供自动化对象的接口.   function ActiveXObject(ProgID : String [, location : String] ...

  5. Node.js 入门手册：那些最流行的 Web 开发框架

    这篇文章与大家分享最流行的 Node.js Web 开发框架.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编 ...

  6. 【特别推荐】Node.js 入门教程和学习资源汇总

    这篇文章与大家分享一批很有用的 Node.js 入门教程和学习资源.Node 是一个服务器端的 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用 ...

  7. 让我们一起学习《Node.js入门》一书吧！

    Node.js入门 读完本书之后,你将完成一个完整的web应用,该应用允许用户浏览页面以及上传文件. 里面对一些知识的讲解,让你略窥Node.js的门径.最好一段代码一段代码的写下来,我的习惯是手里拿 ...

  8. web前端开发分享-css,js入门篇（转）

    转自:http://www.cnblogs.com/jikey/p/3600308.html 关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人 ...

  9. Node.js入门实例程序

    在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...

  10. Underscore.js(1.7.0) 中文文档 Underscore.js 入门

    原文地址:http://www.css88.com/doc/underscore/ Underscore.js 入门   http://www.tuicool.com/articles/jQ3IfeR

随机推荐

  1. Java jsp基本结构

    <!DOCTYPE html> <!-- [ published at 2015-11-13 12:30:50 ] --> <html> <head> ...

  2. Spring4.14 事务异常 NoUniqueBeanDefinitionException: No qualifying bean of type [....PlatformTransactionManager]

    环境为Spring + Spring mvc + mybatis:其中Spring版本为4.1.4 spring配置文件: <?xml version="1.0" encod ...

  3. php之 人员的权限管理（RBAC）

    1.想好权限管理的作用? 2.有什么权限内容? 3.既然有权限管理那么就会有管理员? 4.登录后每个人员的界面会是不一样的? 一.想好这个权限是什么? 就做一个就像是vip的功能,普通用户和vip用户 ...

  4. node源码详解 （一）

    本作品采用知识共享署名 4.0 国际许可协议进行许可.转载保留声明头部与原文链接https://luzeshu.com/blog/nodesource1 本博客同步在https://cnodejs.o ...

  5. eclipse安装git插件

    用Eclipse开发,有时需要团队协作,git就是个比较好的选择.下面简单介绍一下git插件的安装方法:   1.Help -- install new software 打开插件安装界面 2.点ad ...

  6. Codeforce 712A Memory and Crow

    A. Memory and Crow time limit per test:2 seconds memory limit per test:256 megabytes input:standard ...

  7. spring MVC cors跨域实现源码解析

    # spring MVC cors跨域实现源码解析 > 名词解释:跨域资源共享(Cross-Origin Resource Sharing) 简单说就是只要协议.IP.http方法任意一个不同就 ...

  8. Picasso 修改缓存路径

    Picasso 是 Square 公司开源的一个非常友好的图片加载框架,使用范围也比较广泛.具体的使用这里就不做介绍了,文章主要讲讲如何修改图片的缓存路径.Picasso默认的缓存路径位于data/d ...

  9. Storyboard 自定义转场动画

    在storyboard中,segue有几种不同的类型,在iphone和ipad的开发中,segue的类型是不同的.在iphone中,segue 有:push,modal,和custom三种不同的类型, ...

  10. 一个想法（续五）：IT联盟创业计划：现阶段进度公示、疑问解答及进行中的计划

    前言: 首先今天是元宵节,先祝大伙元宵节快,单纯的快乐! 然后看看开展中的计划: IT联盟创业计划众筹发起:一个想法(续三):一份IT技术联盟创业计划书,开启众筹创业征程 IT联盟创业计划众筹进度:一 ...