欢迎来到js世界!(one)

9 篇文章 0 订阅
6 篇文章 0 订阅
本文详细介绍了JavaScript的基础知识,包括其定义、发展历史、组成(ECMAScript、DOM、BOM)及引入方式。此外,还讲解了变量、数据类型(如Number、String、Boolean等)、数据类型转换以及转义字符等核心概念。文章以易懂的方式引导读者入门JS,并预告了后续将探讨的运算符内容。
摘要由CSDN通过智能技术生成

莫西莫西,好久不见,大家喉!今天又要学习新知识惹,开不开森,快不快落!是的!开心、快乐,那么接下来欢迎进入js世界!

js的定义

js的发展

js组成及引入方式

js基础知识

新的改变

一、js的定义:
是一种具有函数优先的轻量级,解释型 或即时编译型的编程语言。(单线程)
二、js的发展:
它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。
发展初期,JavaScript的标准并未确定,同期有Netscape的JavaScript,微软的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:ECMA-262。
三、js的组成:
ECMAScript,描述了该语言的语法和基本对象。
文档对象模型(DOM),描述处理网页内容的方法和接口。
浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。
在这里插入图片描述

引入方式:
1.行内 标签内写 onclick:“js内容” 。

<div onclick="alert()"></button>

2.内部 在head或body中,运用script标签。

<script></script>

3.外部 scr属性引入

<script src=""></script>

四、js基础知识
1.变量:变量是存储数据值的容器
声明变量:var 变量名 = 变量值;
变量命名规则:
①只能由 字母 数字 下划线 $ 组成,不能出现别的符号,例:@ # % &。
②严格区分大小写,例: // var a 和 var A 这两个变量输出完全不同。
③不能以数字开头,例:var 1a。
④不能是保留字和关键字,例:var var。
⑤变量名要做到见名知意。

    <script>
        var num = "你好";
    </script>

2.js中的输出方式:
第一种:页面弹框(确定框) alert(“ ”);

    <script>
        var num = "你好";
        alert(num);
    </script>

在这里插入图片描述

第二种:页面弹框(确定取消框) confirm(“ ”);

    <script>
        var num = "你好";
        confirm(num);
    </script>

在这里插入图片描述

第三种:输入框 prompt(“ ”);

    <script>
        var num = "你好";
        prompt(num);
    </script>

在这里插入图片描述

第四种:页面打印 document.write(“ ”);

    <script>
        var num = "你好";
        document.write(num);
    </script>

在这里插入图片描述

第五种:控制台输出 console.log(“ ”); (按F12打开控制台,记得打开后刷新)

    <script>
        var num = "你好";
        console.log(num);
    </script>

在这里插入图片描述
3.js中的数据类型
5种数据类型:Undefined、Null、Boolean、Number和String
原始值数据类型
Number: 数据类型, 包括整数和小数;
String:字符串类型," "、’ '包括起来的数据都是字符串类型,在输出的时候会原样输出;
Boolean:布尔类型,true/fales;
undefined : 未定义。
null: 空;
类型判断方法:
①.isNaN (全称:is not a number) :用来判断一个变量是否为非数字类型,返回的是布尔变量,例:

    <script>
        var a = 123;
        var b = "abc";
        document.write(isNaN(a)+" ");
        // 页面输出 false
        document.write(isNaN(b));
        // 页面输出 true
    </script>

在这里插入图片描述
②.typeof() :用来判断变量的数据类型,例:

   <script>
        var a = 123;
        var b = "abc";
        var c = true;
        var d;
        console.log(typeof(a)); 
        // 控制台输出 Number(数字类型);
        console.log(typeof(b)); 
        // 控制台输出 String(字符串类型);
        console.log(typeof(c)); 
        // 控制台输出 Boolean(布尔类型);
        console.log(typeof(d)); 
        // 控制台输出 undefined(未定义);
    </script>

在这里插入图片描述

注 特殊情况:

   <script>
        var a = "123";
        console.log(isNaN(a)+" ");
        // 控制台输出false而不是true,这里a变量的值为纯数字,所以会被隐式转换为Number类型。
        console.log(typeof(a));
        // 控制台输出 String(字符串类型)。
    </script>

在这里插入图片描述
4.数据类型转换
转换为字符串类型:
toString();
String();
+ 号拼接;
例:

    <script>
        var a = 123;
        var b = "123";
        console.log(typeof(toString(a)));
        console.log(typeof(a.toString()));
        console.log(typeof(String(a)));
        console.log(typeof(a+b));
        // 控制台均输出 String(字符串类型);
    </script>

转换为数字类型:
Number();
parseInt();整数类型
parseFloat();浮点类型
例:

    <script>
        var c = "12.2";
        console.log(typeof(Number(c)));
        // 控制台输出 Number(数字类型);
        console.log(parseInt(c));
        // 控制台输出 12;
        console.log(parseFloat(c));
        // 控制台输出 12.2);
    </script>

在这里插入图片描述

转换为布尔类型:
Boolean();
例:

   <script>
        var d = 1;
        console.log(typeof(Boolean(d)));
        // 控制台输出 Boolean(布尔类型);
    </script>

在这里插入图片描述

5.转义字符

  1. \n 换行 例:
    <script>
        console.log("zcasdv \n sjdfivhwjfnbvuiwrfb");
    </script>

在这里插入图片描述

  1. \t 制表符 例:
    <script>
        console.log("zcasdv \t sjdfivhwjfnbvuiwrfb");
    </script>
  1. \ 一个\ 例:
    <script>
        console.log("zcasdv \\ sjdfivhwjfnbvuiwrfb");
    </script>
  1. \b 空格 例:
    <script>
        console.log("zcasdv \b sjdfivhwjfnbvuiwrfb");
    </script>

ok,今天学习到这里,下次我们就要学习运算符啦,准好准备!!!
先休息下眼睛在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值