语法/变量

一,变量

变量是对值的引用,使用变量等同于引用一个值,每一个变量斗殴一个变量名。

例如  var  a = 1;

声明变量a,然后在变量a与数值1之间建立关系。

其实也可以不适用var来声明变量,但是这个变量就会成为全局变量了。

声明变量但是没有赋值,那么它是underfined

js是一种动态性语言,没有类型限制,不用强制转换。

变量命名规则:首个字符不能是数字。可以是中文。




驼峰命名:首单词的首字母小写,后边的单词的首字母大写。



二,变量的提升

js有一个预编译的过程,把声明变量声明的操作提到头部。只提升变量名。

例如

 var a = 10;


它会把var a;放在文件头部,然后下面就把10赋值给a    a  = 10;




三,区块

使用大括号组合起来的区域,叫做区块

与其他语言不一样,区块里的变量不会构成单独的作用域。









在 Vue 3 中使用 TypeScript 语法定义变量,可结合不同的 Vue 3 语法风格实现。 ### 使用 `<script setup>` 语法 这是 Vue 3 推荐的语法,在 `<script setup>` 标签内定义变量时,可直接指定类型。示例如下: ```vue <template> <div> <!-- 使用变量 --> <p>{{ message }}</p> </div> </template> <script setup lang="ts"> // 定义变量并指定类型 const message: string = 'Hello, TypeScript in Vue 3!'; </script> <style scoped> </style> ``` 在上述代码中,定义了一个名为 `message` 的常量,指定其类型为 `string`。 ### 在 `setup` 函数中定义变量 若使用选项式 API 配合 `setup` 函数,同样能在其中使用 TypeScript 定义变量。示例如下: ```vue <template> <div> <p>{{ count }}</p> </div> </template> <script lang="ts"> import { defineComponent, ref } from 'vue'; export default defineComponent({ setup() { // 定义响应式变量并指定类型 const count: number = ref(0); return { count }; } }); </script> <style scoped> </style> ``` 此例中,使用 `ref` 创建了一个响应式变量 `count`,并指定其类型为 `number`。 ### 定义复杂类型变量 对于复杂类型的变量,如对象、数组等,也能明确指定类型。示例如下: ```vue <template> <div> <ul> <!-- 遍历数组 --> <li v-for="item in users" :key="item.id">{{ item.name }}</li> </ul> </div> </template> <script setup lang="ts"> // 定义对象类型 interface User { id: number; name: string; } // 定义数组类型 const users: User[] = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' } ]; </script> <style scoped> </style> ``` 这里先定义了 `User` 接口来描述对象的结构,再定义了一个 `User` 类型的数组 `users`。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值