web前端——javascript

怀着一个激动人心的心情开始学习javascript,听说和gradle脚本语言很相像,相信一定会很有趣。
下面就开始我的学习之旅。

还是秉承“七何分析法”中的what,why,how。如果你想在技术思想上有更加深入的了解,就请关注stay的系列课程 ,有心课堂传递的不只是技术,在此感恩stay以及有心课堂的其他伙伴们。

what

W3School的解释

百度百科
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

why

每一种事物由无到有必定有其原因,特别是在技术上,基本一个伟大事物的产生都是基于为了解决某个阶段的痛楚,随着痛楚的解决,伟大的事物变应用而生来了。

而Javascript,是一种基于Java的程序设计概念的产物,它辅助网页实现各种功能,让网页更活灵活现。它可以做到与用户信息的动态交互,不允许用户直接访问本地硬盘,只要可以解释Js的浏览器都可以执行,已达到跨平台的效果。

how

组成

EcMAScript + BOM + DOM 即:语法+浏览器对象模型+文档对象模型

JavaScript与Html的结合方式

三种:
  • 代码写在字符串中
  • 内嵌调用函数
  • 外部调用js
三种结合方式
代码示例:
<html>
<head>
    <title>01练习js</title>
    <script type="text/javascript">
        /**
            三种引用方式(与css类似):
                1,事件调用在代码里
                2,使用调用函数,位置可以是任意位置
                3,外部js文件
        **/
        function fun(){
            alert("你好,今天");
        }
        
    </script>
</head>
<body>
<button onclick="fun()">点击</button>
<button onclick="alert('永远相信美好的事情即将发生')">fun2点击</button>
</body>
</html>

外部引用js文件写法和内部调用函数写法类似

运行结果:
内嵌01
直接引用02
外部引用03

基本语法

定义变量:

采用var关键字来定义.定义的变量的类型是由给定的值来决定的。

数据类型:

undifined,表示未定义类型。
Number类型。代表了一切数字类型
String类型。字符串类型
Boolean类型。布尔类型
Function类型。函数类型
Null类型。
object :对象类型.

判断变量的类型 :
  1. 采用typeof函数判断 :typeof(a) == "string"
  2. 采用instanceof运算符: a instanceof String
三大结构

a.顺序结构
b.选择结构
c.循环结构 for,while,do...while

运算符

1.一元运算符 +(正号) - ++ --
2.二元运算符 +(加法) - * / %
3.三元运算符 ? :
4.等号 == 判断的是内容,=== 全等于 ,判断类型和内容

类型的转换
  1. Number转String : 3 + ""
  2. Number转Boolean :在javascript中,非0为真,0为假。如果变量为null或者undefined,也为假.
  3. String转Number:
    a. parseInt,parseFloat
    b. 乘以1即可

基本语法基本了解这么就久好了,如果项目中遇到特殊的可以在自行Google。后面会说一些函数以及常用对象的使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容